用js实现九九乘法表页面输出
以下是用JavaScript实现九九乘法表页面输出的代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>九九乘法表</title>
</head>
<body>
<table>
<tbody id="tableBody"></tbody>
</table>
<script>
var tableBody = document.getElementById("tableBody");
for (var i = 1; i <= 9; i++) {
var row = document.createElement("tr");
for (var j = 1; j <= i; j++) {
var cell = document.createElement("td");
cell.innerText = j + " x " + i + " = " + (i * j);
row.appendChild(cell);
}
tableBody.appendChild(row);
}
</script>
</body>
</html>
这个代码首先在HTML中创建一个空的表格,然后用JavaScript来填充表格的内容。使用一个双重循环来创建每一行和每一列,内层循环只创建每行的一部分,因为乘法表是对称的。在每个单元格中,我们放置一个字符串,它显示了乘法表中的乘法和结果。最后,我们将每个行添加到表格的tbody元素中。
原文地址: https://www.cveoy.top/t/topic/8sC 著作权归作者所有。请勿转载和采集!