javascript中的乘法表应该显示一个从10到19开始的表

Question

我正在尝试打印一个从 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

Answer 1

你需要改变两件事：

1. 添加 } 关闭 function
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>

如果您想在边缘显示tall1和tall2 ，则需要为此添加代码（并且您可以使用<th>而不是<td>来表示“表头”。这样可以更轻松地设置表格的样式。