用js做一个带表格的九九乘法表
时间: 2024-01-30 17:01:37 浏览: 29
好的,以下是用 JavaScript 实现一个带表格的九九乘法表的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>九九乘法表</title>
<style>
table {
border-collapse: collapse;
}
table td {
border: 1px solid black;
padding: 5px;
text-align: center;
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td></td>
<script>
// 表头
for (let i = 1; i <= 9; i++) {
document.write('<td>' + i + '</td>');
}
</script>
</tr>
<script>
// 表格内容
for (let i = 1; i <= 9; i++) {
document.write('<tr>');
document.write('<td>' + i + '</td>');
for (let j = 1; j <= 9; j++) {
document.write('<td>' + (i * j) + '</td>');
}
document.write('</tr>');
}
</script>
</tbody>
</table>
</body>
</html>
```
将上述代码保存为一个 HTML 文件,然后在浏览器中打开该文件,就可以看到带表格的九九乘法表了。希望对你有所帮助!如果你有其他问题,请继续提问。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)