本文通过JavaScript的Switch语句展示了如何实现九九乘法表。开发者使用Vs code进行开发，并提供了完整的HTML、CSS和JavaScript代码示例。在页面加载完成后，通过嵌套循环动态生成并显示乘法表内容。
JavaScript Switch九九乘法表实现
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术：Vs code Javascript Switch
作者：或许不会回来
撰写时间：2021/8/8
今天使用for循环实现九九乘法表实现，一般都是用for循环实现，其他循环也可以！
看代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>九九乘法表</title>
<style>
span{
padding: 0px 20px;/*添加内边距，更好视图*/
border: 1px solid red;
}
</style>
</head>
<body>
<div id="name"></div>
<script>
window.onload = function()
{
var oName = document.querySelector("#name");
var i, o, p, u;
// 1.完成基本的for循环嵌套，展示乘法表
for(i=1;i<10;i++)
{
for(o=1;o<=i;o++)
{
p=i*o;
u=(i+'x'+o+'='+p);
//打印一条
oName.innerHTML = oName.innerHTML +"<span>"+u+"</span>";
}
//打印一行一行
oName.innerHTML = oName.innerHTML +"<p>"+"</p>";
}
}
</script>
</body>
</html>
效果图：
这是我所学到的，所以我要分享给你们，希望可以帮助到你们。
以上就是我的分享，新手上道，请多多指教（大神勿喷）。
扫一扫
1535
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
