How To Create A multiplication Table

Hi Friends i Have create a simple program to Display the Multiplication Table .

In This I have used two For loops .

Step 1: We will get the user input and we are storing that value in to " table " variable as follows.

var table = prompt("How Many Tables you Want");

Step 2 : We are starting our table from to and we will with the User data "table " with the following  for Loop

 for (var i = 2; i <=table ; i++);

Then we are creating the div dynamically and inserting the Generated As Follows..

<!DOCTYPE html>

<head>
    <title></title>
    <style>
      
div {
   
    float: left;
    margin: 10px;
    font-size:large;
    width: 130px;
}
    </style>
</head>
<body>
    <script>
        (function () {
            var table = prompt("How Many Tables you Want");
            for (var i = 2; i <=table ; i++) {
                var myElement = document.createElement('div')
                document.body.appendChild(myElement);
                myElement.setAttribute('id', 'demo' + i);
                var myCalc = '';
                for (var j = 1; j <= 10; j++) {
                    myCalc = myCalc + i +" X "+j+ " = "+ i*j+"<br>";
                    console.log(myCalc)
                   
                    document.getElementById('demo' + i).innerHTML = myCalc;
                }
            }
        })();
    </script>
</body>
</html>
  

Comments

Post a Comment

Popular posts from this blog

HTML Attributes ....

Image
What is HTML Attributes and  why it is required ? We already Understood what is meant by HTML Tag . <html> is one tag , <body> is one tag, <header> is one tag . So if we want to give more information about the above mentioned tags , that moment we use Attributes . It means we can give more information by using Attributes , To understand more about HTML Attributes follow the link given here and find our more . HTML Attributes If you still not able understand how it can used and where it can be used   find out more here about the HTML Attributes here.
Read more

How to Study Web Developement Course

Image
 How to Study Web Developement Course Hi Friends, so you want to become the Web Developer or UI Developer Or Front End Developer. Right?. First thing i want to clear is Web Developer Front End Developer UI Developer all above mentioned Are same . We will do same work , It may be called with different names but  don't get confused . OK. Let us come to the Topic . How can we become UI developer . ? we know the Quality of the education in the small computer institutes . They wont pay proper salary to the instructions . Finding a good Instructor is really very difficult . I has personally experienced that . So it is really difficult to depend on a computer institute . So whats next . There are some websites offering web development course . But the Question is  can we really learn from those videos . I know about some people who can learn from the videos and online tutorials. I am not talking about those people . I am talking about the people who req...
Read more