js九九乘法表代码html
时间: 2024-09-20 13:12:40 浏览: 45
JavaScript实现九九乘法表的简单实例
5星 · 资源好评率100%
在JavaScript中,你可以使用HTML和JavaScript结合生成一个动态的九九乘法表。下面是一个简单的例子:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>九九乘法表</title>
</head>
<body>
<table id="multiplicationTable"></table>
<script>
// 生成九九乘法表的函数
function generateMultiplicationTable() {
var table = document.getElementById('multiplicationTable');
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.textContent = `${j} * ${i} = ${i*j}`;
row.appendChild(cell);
}
table.appendChild(row); // 将行添加到表格中
}
}
// 初始化表格显示
generateMultiplicationTable();
</script>
</body>
</html>
```
在这个示例中,我们创建了一个`<table>`元素,并通过两个嵌套循环遍历1到9,动态创建`<tr>`(行)和`<td>`(单元格),将乘法表达式设置为单元格的内容。然后把这些单元格添加到相应的行中。
阅读全文