javascript 中的乘法表应该显示一个从 10 到 19 的表
我正在尝试打印一个从 10 到 19 的乘法表。我的临时结果是它基本上是重复的同一行。
我尝试使用该表，但它似乎无法按预期工作.. 我不知道如何首先在一行和一列中列出 10 到 19 之间的所有数字，然后是行的乘积和其他单元格中的列。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body onLoad="gangetabellen()">
<div id="tabell"></div>
<script>
function gangetabellen() {
var tall1, tall2, produkt;
var tabell = "<table style='width:500px'>";
for (tall1 = 10; tall1 <= 19; tall1++) {
row += "<tr>";
for (tall2 = 1; tall2 <= 19; tall2++) {
produkt = tall1 * tall2;
tabell += "<td>" + produkt + "</td>";
}
tabell += "</tr>";
}
tabell += "</table>";
document.getElementById("tabell").innerHTML = tabell;
</script>
</body>
</html>
它应该显示
10 11 12 13 14 15 16 17 18 19
10 100 110
11
12
13
14
15
16
17
18
19
慕桂英5465371回答
-
明月笑刀无情
你需要改变两件事：添加一个 } 关闭函数将row += "<tr>";（未声明的变量）更改为table += "<tr>";gangetabellen()<div id="tabell"></div><script> function gangetabellen() { var tall1, tall2, produkt; var tabell = "<table style='width:500px'>"; // If you want a header you should add a for-loop here to add // a row with tall2 for (tall1 = 10; tall1 <= 19; tall1++) { tabell += "<tr>"; // If you want a header to the left you should add it here. for (tall2 = 1; tall2 <= 19; tall2++) { produkt = tall1 * tall2; tabell += "<td>" + produkt + "</td>"; } tabell += "</tr>"; } tabell += "</table>"; document.getElementById("tabell").innerHTML = tabell; }</script>如果你想在边缘显示tall1，tall2你需要为此添加代码（并且你可以使用<th>而不是<td>“表格标题”。它可以更容易地设置表格的样式。
随时随地看视频慕课网APP
相关分类
JavaScript