乘法口诀表及代码


以上乘法口诀表我把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 通过 网页 浏览(67)

共有0条评论!

发表评论

更换一道题!