乘法口诀表及代码
以上乘法口诀表我把1去掉了,直接从2开始,毕竟1乘以任何非0的数都还是原来的数。
为什么要做这个表呢?网上99乘法表的图片一大推,微录阁的目的就是这个表可以单独选中,如果图片是做不到的,如此简单而已。
电脑上可完整显示,手机上因列宽不够会错位,可点此查看,并旋转手机/平板。
99乘法口诀表代码:
<script>
window.onload = function (){
var d = document.getElementById("divTest");
var str = "";
for (var i = 1; i <= 9; i++) {
var count = i;
//当达到2*2 3*3 则进入下一个训话
for (var j = 1; j <= count ; j++) {
//三元表达式对循环进行判断及拼接字符串
j == count ? str += "<span>" + j + "x" + count + "=" + j*count + "</span><br>":
str += "<span>" + j + "x" + count + "=" + j*count + "</span>";
}
}
//拼接的乘法口诀放入div列表中
d.innerHTML = str;
}
</script>
<p>
微录阁 <br />
九九乘法口诀表
</p>
<hr />
<style>
span{
display:inline-block;
background-color:green;
color:white;font-weight:bold;
margin:3px;
padding-left:5px;
width:80px;
height:20px;
}
</style>
<div id="divTest">
</div>
学习的笔记:菜书的烂笔头 2020-10-04 21:19:32 通过 网页 浏览(906)
共有0条评论!