我正在尝试打印一个从10到19的乘法表。我的临时结果是,它基本上是同一行,可以自我重复。

我尝试使用该表,但似乎无法按需使用。.我不知道如何首先从行中的10到19列出所有数字,然后在列中列出,然后再列出行的乘积和其他单元格中的列。

 <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title></title>
      </head>
      <body onLoad="gangetabellen()">

      <div id="tabell"></div>

      <script>

      function gangetabellen() {

        var tall1, tall2, produkt; 

        var tabell = "<table style='width:500px'>";

        for (tall1 = 10; tall1 <= 19; tall1++) {
          row += "<tr>";

          for (tall2 = 1; tall2 <= 19; tall2++) {

             produkt = tall1 * tall2;
             tabell += "<td>" + produkt + "</td>";
          }
          tabell += "</tr>";
        }

        tabell += "</table>";
        document.getElementById("tabell").innerHTML = tabell;

      </script>


      </body>
    </html>

它应该显示

10  11 12 13 14 15 16 17 18 19
10 100 110
11 
12
13
14
15
16
17
18
19

#1楼 票数:0 已采纳

您需要更改两件事:

  1. 添加一个}以关闭该功能
  2. 更改row += "<tr>"; (未声明的变量)到table += "<tr>";

 gangetabellen() 
 <div id="tabell"></div> <script> function gangetabellen() { var tall1, tall2, produkt; var tabell = "<table style='width:500px'>"; // If you want a header you should add a for-loop here to add // a row with tall2 for (tall1 = 10; tall1 <= 19; tall1++) { tabell += "<tr>"; // If you want a header to the left you should add it here. for (tall2 = 1; tall2 <= 19; tall2++) { produkt = tall1 * tall2; tabell += "<td>" + produkt + "</td>"; } tabell += "</tr>"; } tabell += "</table>"; document.getElementById("tabell").innerHTML = tabell; } </script> 

如果要在边缘显示tall1tall2 ,则需要添加代码(并且您可以使用<th>而不是<td>来表示“表头”。这使表的样式更容易。

  ask by Dimarco translate from so

未解决问题?本站智能推荐:

1回复

在javascript中,如果用户没有输入数字,如何使乘法表默认生成5或任何其他数字?

编写一个程序从用户那里输入一个数字并在浏览器上显示它的乘法表。 如果用户没有输入新数字,则默认显示 5 的乘法表。 这就是我希望它在默认情况下使用 5 个编码表生成的方式, var num = prompt("Enter Number", "0") //prompt user to ente
2回复

如何使用jQuery和乘法行和列创建HTML表

我需要使用jQuery动态创建HTML表,并且还需要在行和列之间进行乘法。 我的行是收益,列是价格。 我有两个变量a和b。 现在,我需要像这样创建表和乘法: http://jsfiddle.net/nexetdad/ 因此,列基于价格+/-,行基于收益率+/-。 如何使用Jav
1回复

JavaScript中的乘法表-2个表

我正在开始学习JavaScript,并且此代码有问题。 代码要求输入两个数字(第一个数字必须小于第二个数字),然后显示从第一个数字到第二个数字的乘法。 如果键入5和7,则显示5、6和7的乘法。 当第二个数字键入为10时,就会出现问题(除非您键入1和10,否则它将显示所有字符)。 如果我
2回复

JavaServlet根据用户输入生成一个m×n乘法表

初学者的问题。 我有一个基本的html表单,带有一个标记为“输入数字”的用户输入文本框和标记为“创建乘法表”的提交按钮。 这是使用servlet来显示html格式的乘法表的方法。 格式化关闭后,其他所有工作都正常。 我似乎无法正确显示第一行和最左列。 它看起来应该像这样: 相反,它
2回复

Javascript乘法表的详细信息

我正在尝试完成一个乘法表,但是遇到一个问题,这是我的代码... function multiTable(number) { var table = ''; for (i = 1; i < 11; i++) { if (i == 1 || number == 2 || number
3回复

用户输入输出乘法表

我需要制作一个显示用户从1-9输入的乘法表,因此,如果他们输入3,它将显示1-9中3的乘法表。 它必须对每个数字执行此操作。 我有一个for循环仅可处理1个数字,但我不知道该怎么做,对此我还是很陌生,所以我不确定如何使其适合我。 如果我输入1-9中的任何数字,则必须显示该数字中1-9的
4回复

用二维数组打印乘法表

我是一个真正的初学者,现在我正在准备 JavaScript 训练营。 不幸的是,我坚持进行其中一项工作前练习。 我的任务是做乘法表,将其放入空的二维数组中,并以这种形式精确打印: 开始时,我声明了 2 个 var:const n = 3; 常量计算 = []; 我知道我必须从 'for' 循环开始
2回复

如何使用html表打印乘法表(代码在Javascript中)?

这是我的代码,工作正常。 我只是想使用HTML表格打印表格,并且还想在其上应用引导程序以添加边框,即以HTML TABLE形式将乘法表与每一行都作为表格行“ tr”的边框。 表应该由引导表边界类设置样式。 <!DOCTYPE html> <html> <