Question

我正在尝试创建具有5行4列的表格，并增加数字输入的倍数。我能够成功获取要打印的数字，但全部都在一栏中。我认为拆分循环会有所帮助，但显然没有帮助。您可以提供的任何帮助都会很棒。谢谢。 <3

我的问题与提到的问题不同。我的输入不同，我的输出不同。

<!DOCTYPE html>
<body>

<h2>A 5x4 multiples table based on user input</h2>

<script type='text/javascript'>

var num = prompt("Enter Number", "0")
var num = parseInt(num);
var i = 0;

document.write('<table border="1" cellspacing="0">');

for(i=1;i<5;i++) {
document.write("<tr><td>"+ num*i +"</td></tr>");
}

for(i=5;i<9;i++) {
document.write("<tr><td>"+ num*i +"</td></tr>");
}

for(i=9;i<12;i++) {
document.write("<tr><td>"+ num*i +"</td></tr>");
}

for(i=12;i<16;i++) {
document.write("<tr><td>"+ num*i +"</td></tr>");
}

for(i=16;i<21;i++) {
document.write("<tr><td>"+ num*i +"</td></tr>");
}

document.write("</table>");

</script>
</body>
</html>

Answer 1

您每次运行循环时都在创建一行。相反，您应该在循环之前创建行，然后在循环中添加tsble-cell，最后添加最后一行：

document.write("<tr>");
for(i=1;i<5;i++) {
    document.write("<td>"+ num*i +"</td>");
}
document.write("</tr>");

对所有循环执行此操作。

如何在html表中创建行

1 个答案: