关于 JavaScript 乘法 table 的问题

Question regarding JavaScript multiplication table

我正在尝试构建乘法 table 并显示结果,但需要将 x 放在左上角,由于某种原因它显示在右下角,我在做什么错了?

document.write("<table><tbody>");
var blank = "x";
var cols = 0;
var rows = 0;
// ca
for (let rows = 0; rows <= 10; rows++) {
    document.write('<tr>');
    for (let cols = 0; cols <= 10; cols++)
        document.write('<td>' + rows + ',' + cols + '</td>')
}

if (rows === 0 && cols === 0) {
    document.write('<td>' + blank + '</td>')
}

“我做错了什么?” 很多.

你应该先想想你想做什么,然后再去做。

你的 html table 是 ill-formed,你甚至没有关闭 <tr> 标签。

for (let row = 0; row <= 10; row++) {
    document.write('<tr>');
    for (let col = 0; col <= 10; col++) {
        if (row == 0 && col == 0) {
            document.write('<td>x</td>');
        }
        else if (row == 0) {
            document.write('<td>' + col + '</td>');
        }
        else if (col == 0) {
            document.write('<td>' + row + '</td>');
        }
        else {
            document.write('<td>' + row * col + '</td>');
        }
    }
    document.write('</tr>');
}

试一试here