通过HBuilder(X)使用数组的形式输出9*9乘法表
时间: 2024-12-25 19:31:13 浏览: 0
在HBuilder(X)(DCloud的一款IDE)中,你可以使用循环结构结合数组来快速生成一个9*9的乘法表。这里是一个简单的示例,我们将创建一个二维数组并遍历它来打印乘法表:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>九九乘法表</title>
</head>
<body>
<div id="multiplicationTable"></div>
<script type="text/javascript">
// 创建一个9x9的二维数组
var multiplicationTable = [];
for (var i = 0; i <= 9; i++) {
multiplicationTable[i] = [];
for (var j = 0; j <= i; j++) {
multiplicationTable[i][j] = i * j;
}
}
// 输出到HTML元素
var tableElement = document.getElementById('multiplicationTable');
for (var row = 0; row <= 9; row++) {
var rowContent = '<tr>';
for (var col = 0; col <= 9; col++) {
if (col == 0) { // 添加表头
rowContent += '<th>' + (row + 1) + 'x' + (col + 1) + '</th>';
} else {
rowContent += '<td>' + multiplicationTable[row][col] + '</td>';
}
}
rowContent += '</tr>';
tableElement.innerHTML += rowContent;
}
</script>
</body>
</html>
```
在这个例子中,我们首先初始化一个`multiplicationTable`,然后通过两个嵌套的for循环填充每个位置的乘积,并最后将结果插入到HTML的表格元素中。
阅读全文