如何在 javascript/html 中创建用户生成的矩阵，同时让 table 标记每个单元格

Question

大家好，大家好，javascript 的新手。我收到了一项任务，现在有点停滞不前。我需要一个用户生成的 table 来标记自己。我很难让 table 通过提示输入正确生成。现在我也被标记的行和列所需的循环所困扰。这看起来很简单，但我已经筋疲力尽，几乎没有得到任何指导，可以使用帮助。

table 应该是这样的。我什至无法让 table 正确生成循环。
[1][2][3][4]
[5][6][7][8]

<!DOCTYPE html>

<script>
 var row = prompt("how many rows would you like?");
 var col = prompt("how many colums would you like?");
</script>

<body>
  <script>
    var mytable = "";
    var cellNum = 0;
    for (var r = 0; r < row ; r++);
    {
      mytable += "<tr>";
       for (var c = 0 ; c < col; c++ );
      {
        mytable += "<td>" + cellNum++; + "</td>";
      }
    mytable += "</tr>";

    }

  document.write("<table border=1>" + mytable + "</table>");
  </script>
</body>

Answer 1

你基本上是在第一个 for 循环后面放了一个分号。

for (var c = 0 ; c < col; c++ );

正确的版本应该是这段代码：

for (var c = 0 ; c < col; c++ )

我也要改

for (var r = 0; r < row ; r++)

进入

for (var r = 0; r < row-1 ; r++)

否则你会得到一个空行。

祝你有愉快的一天！

Answer 2

只需从 for 循环中删除分号。

var mytable = "";
var cellNum=0, row=3, col=4;
    for (var r = 0; r < row ; r++) {
      mytable += "<tr>";
       for (var c = 0 ; c < col; c++ ) {
        mytable += "<td>" + (++cellNum) + "</td>";
      }
    mytable += "</tr>";

    }

  document.write("<table border=1>" + mytable + "</table>");

Answer 3

答案已经在上面了。我这边也很有趣。

我们创建一些大量的单元格并根据输入只显示其中的一部分怎么样？我使用 flex 容器来有条件地设置样式。

fiddle：https://jsfiddle.net/42c1mep8/30/

干杯！

如何在 javascript/html 中创建用户生成的矩阵，同时让 table 标记每个单元格

How to create a user generated matrix in javascript/html while having the table label each cell incrementally

html

javascript

html-table

matrix

nested-loops