在javascript如何使用原生态js代码输出一个乘法口诀表呢?


摘要:
下文讲述原生态js代码生成乘法口诀表的方法分享,如下所示:

实现思路:
    使用两个for循环即可输出九九乘法表,如下例所示:

例:

 <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>
maomao365.com <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>
javascript 原生态js生成九九乘法口诀表的示例分享

javascript 原生态js生成九九乘法口诀表的示例分享