Javascript:时间表，将第一个单元格设为空白，试图获得此输出

Question

这是我根据用户输入创建表格的代码:

const err = "the valid input is a number between 5 and 20, please refresh your page to start again";

const q1 = "Enter a value";
var user = prompt(q1);
var x = parseInt(user, 10);

if (Number.isInteger(x) && x >= 5) {
  x = x;
  if (x >= 20) {
    document.getElementById("rer").innerHTML = err;
  }
} else {
  document.getElementById("rer").innerHTML = err;
}

function timestable(x) {
  var r, s;
  document.write("<table id = 'table' border = 1")

  for (r = 1; r <= x; r++) {
    document.write("<tr>")
    for (s = 1; s <= x; s++) {

      document.write("<td>" + r * s + "</td>")

    }
    document.write("</tr>")
  }
  document.write("</table>")
}
console.log(timestable(x));

这是输入 10 时的输出:

我希望当前 1 所在的第一个单元格为空白。我还希望右侧的下一个单元格l 开始于1，我希望它下面的下一个单元格也从 1 开始，然后继续该模式。

有什么方法可以将此修复应用到我当前的代码中吗？

Answer 1

您只需将两个 for 循环更改为以 0 开头，并更改您在单元格中打印的内容:

for (r = 0; r <= x; r++) {
   document.write("<tr>")
   for (s = 0; s <= x; s++) {
     if (s === 0 && r === 0) {
        product = '';
     } else if (s === 0) {
        product = r;
     } else if (r === 0) {
        product = s;
     } else {
        product = r * s;
     }
     document.write("<td>" + product + "</td>")
   }
}

查看on this fiddle