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

我不熟悉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>

var table=“”，行=1，单元格=1；
对于（var r=0；r
var表=”；
行数=7；
对于（var r=0；r为了使“楼梯”看起来像表，行和单元格的数量应该相等。下面的示例是如何正确执行此操作。为了更改行的数量，请将变量的值从7更改为所需的值；）

var表=”；
行数=7；
对于（var r=0；r这很有效！我花了好几个小时试图弄明白！哈哈，你有没有可能告诉我这段代码？因为我真的不明白它为什么有效…哈哈看，第一个for是从r=0到rows=7，如示例所示。第二个for取决于第一个for，结果是从c=1到c=r（我们在父母身上有什么用）结果我们爬上了楼梯。这很有效！我花了好几个小时试图弄明白！哈哈，你有没有可能告诉我这段代码？因为我真的不明白它为什么有效…哈哈，看，第一个for是从r=0到rows=7，如例所示。第二个for取决于第一个for，结果是从c=1到c=r（我们在父母身上所做的）结果我们爬上了楼梯。
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>");