用JavaScript和HTML写一个东西

艺小卤 · 发表于 2025-4-4 15:06:47

提示: 作者被禁止或删除内容自动屏蔽

FishC · 发表于 2025-4-4 15:07:32

<!DOCTYPE html>
<html>
<head>
<title>九九乘法表</title>
<style>
table { border-collapse: collapse; margin: 20px; }
td {
padding: 10px;
border: 1px solid #ccc;
text-align: center;
}
</style>
</head>
<body>
<div id="tableContainer"></div>
<script>
function createMultiplicationTable() {
let html = '<table>';
for (let i = 1; i <= 9; i++) {
html += '<tr>';
for (let j = 1; j <= i; j++) {
html += `<td>${j}×${i}=${i*j}</td>`;
}
html += '</tr>';
}
html += '</table>';
document.getElementById('tableContainer').innerHTML = html;
}
// 页面加载完成后自动生成
window.onload = createMultiplicationTable;
</script>
</body>
</html>

复制代码

效果说明：
1. 使用嵌套循环生成表格结构
2. 外层循环控制行数（1-9）
3. 内层循环控制每行的列数（第n行有n列）
4. 使用模板字符串拼接HTML
5. 通过CSS添加边框和间距
6. 自动在页面加载完成后执行

显示效果为阶梯式排列：
1×1=1
1×2=2 2×2=4
1×3=3 2×3=6 3×3=9
...
直到第9行

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

账号		自动登录	找回密码
密码			立即注册

艺小卤艺小卤当前离线 UID 1525965 日志相册贡献荣誉积分 145 狗仔卡头像被屏蔽	发表于 2025-4-4 15:06:47 \| 显示全部楼层 \|阅读模式提示: 作者被禁止或删除内容自动屏蔽
	小甲鱼最新课程 -> https://ilovefishc.com
	回复使用道具举报置顶卡千斤顶显身卡

[技术交流] 用JavaScript和HTML写一个东西