如何在 javascript/html 中創建用戶生成的矩陣，同時讓表格 label 每個單元格遞增

Question

大家好，大家好，javascript 的新手。 我接到了一個任務，有點停滯不前。 我需要有一個用戶生成的表來標記自己。 我很難讓表格根據提示的輸入正確生成。 現在我也被標記的行和列所需的循環所困擾。 這看起來多么簡單，這似乎很荒謬，但我已經筋疲力盡，幾乎沒有得到指導，可以使用幫助。

該表應如下所示。 我什至無法使用循環正確生成表格。
[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容器有條件地設置 styles。

小提琴： https://jsfiddle.net/42c1mep8/30/

干杯!

如何在 javascript/html 中創建用戶生成的矩陣，同時讓表格 label 每個單元格遞增

問題描述

3 個解決方案

解決方案1
0 已采納 2021-03-06 05:37:27

解決方案2
0 2021-03-06 05:48:32

解決方案3
0 2021-03-06 06:58:19

如何在 javascript/html 中創建用戶生成的矩陣，同時讓表格 label 每個單元格遞增

問題描述

3 個解決方案

解決方案1 0 已采納 2021-03-06 05:37:27

解決方案2 0 2021-03-06 05:48:32

解決方案3 0 2021-03-06 06:58:19

解決方案1
0 已采納 2021-03-06 05:37:27

解決方案2
0 2021-03-06 05:48:32

解決方案3
0 2021-03-06 06:58:19