Breaking News: Grepper is joining You.com. Read the official announcement!

write a javascript code to display multiplication table in table

Add Answer

Harsh vardhan answered on June 11, 2022 Popularity 9/10 Helpfulness 2/10

answer write a javascript code to display multiplication table in table

related write a javascript code to display multiplication table in table

related Javascript Multiplication Table

write a javascript code to display multiplication table in table

Comment

<!DOCTYPE html>
<html>
<head>
  <title>Multiplication Table</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
</head>
<body>

<h2>MultiplicationTable</h2

<form action>
Table Number:<br>
<input type="text" id="TN" name="TableNumber">
<br>
Initial Number:<br>
<input type="text" id="IN" name="InitialNumber">
<br>
Ending Number:<br>
<input type="text" id="EN" name="EndingNumber">
</form>

<br><br>    
   

<button onclick="myFunction()">Print Table</button>
<table class="table table-bordered"  id="displayTables">

</table>
 
 Run code snippet

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: display javascript

Link to this answer
Share Copy Link

Contributed on Jun 11 2022

Harsh vardhan

0 Answers Avg Quality 2/10

Closely Related Answers

write a javascript code to display multiplication table in table

Comment

function myFunction()
{

var Number = document.getElementById("TN").value;
var T;
var I = document.getElementById("IN").value;
var E = document.getElementById("EN").value;
var temp="";
for (T = I; T <= E; T++) {
temp+="<tr><td>"+Number+"</td><td>*</td><td>" + T + "</td><td>=</td><td>" + Number*T +"</td></tr>"; 
}

$("#displayTables").append(temp);

}

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: display

Link to this answer
Share Copy Link

Contributed on Jun 11 2022

Harsh vardhan

0 Answers Avg Quality 2/10

Javascript Multiplication Table

Comment

var result = ' x   ';

function buff(val){
  var buff = '';
  var pad = 4 - val;
    while( pad-- > 0 )
            buff += ' ';            
  return buff;
}

for (var i = 0; i < 11; i++) {

    for (var j = 0; j < 11; j++) {

        if(i == 0 && j > 0){
          result += '[' + j + ']' + buff((j+'').length+2);
        } 
        else if(j == 0 && i>0){
          result += '[' + i + ']';
        } 
        else if(i>0 && j>0){
        result += buff((i*j+'').length ) + i*j;
        }
    }
    result += '\n'
}

Popularity 7/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Jul 12 2023

RobertMi

0 Answers Avg Quality 2/10

write a javascript code to display multiplication table in table

Contents

More Related Answers

write a javascript code to display multiplication table in table

Closely Related Answers

write a javascript code to display multiplication table in table

Javascript Multiplication Table

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.