HTML 文件中的 Javascript，每行单元格不断增加的表格

Question

我是 javascript 和 HTML 新手，我希望在 HTML 文件内动态创建一个带有 javascript 循环的表。

我有创建表格的代码，但我正在努力让它每行增加一个单元格。

我觉得每次 for 循环运行时我都需要添加 1 我的单元变量，我假设它类似于 cells++ 但当我这样做时，html 文件不会加载任何内容，关于将其放置在我的 for 循环中的位置有什么想法吗？或者我完全走错了路？

         <script>

            var table = "", rows = 1, cells = 1;

            for (var r = 0; r < rows; r++) {
                table += "<tr>";

                for (var c = 1; c <= cells; c++) {
                    table += "<td>" + c + "</td>"
                }

                table += "</tr>"

            }
            document.write("<table border =1>" + table + "</table>")
        </script>

这就是我想要的样子:

Answer 1

为了获得类似“楼梯”的表格，行数和单元格数应该相等。下面的例子是如何正确地做到这一点。为了更改行数，请将变量值从 7 更改为您想要的值;)

var table = "";
rows = 7;
for (var r = 0; r <= rows; r++) {
    table += "<tr>";
    for (var c = 1; c <= r; c++) {
        table += "<td>" + c + "</td>";
    }
    table += "</tr>";
}
document.write("<table border =1>" + table + "</table>");