javascript 中的乘法 table 应显示从 10 到 19 的 table

Question

我正在尝试打印从 10 到 19 的乘法 table。我的临时结果是，它基本上是在重复它自己的同一行。

我尝试使用 table，但它似乎没有按预期工作。我不知道如何从 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

你需要改变两件事：

加一个}关闭功能
将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> "table header"。它使 table.

的样式更容易

javascript 中的乘法 table 应显示从 10 到 19 的 table

The multiplication table in javascript should show a table starting from 10 to 19

javascript

html-table

multiplication