1、打开一个html代码页面，创建一个用显示九九乘法表的div标签。如图代码：<div id="showRide"> </div>
2、使用css设置九九乘法表的显示效果。如图css代码：.li{ width: 100px; border: 1px solid #f1f1f1; display: inline-block; } .sub{ padding: 5px 10px; }
3、使用js遍历循环实现九九乘法表的内容。如图js代码：function recursion(index,n){ // 显示九九乘法表 let div = '<div class="sub">'+ index + '*' + n +'='+ index*n +'</div>' return div } function showRide(){ let obj = "" for(let i=1; i < 10 ; i++){ // 循环遍历九九乘法表 obj += '<div class="li">' for(let j=i; j < 10; j++){ obj += recursion(i,j) } obj += '</div>' } document.getElementById('showRide').innerHTML = obj } window.onload = function(){ showRide() }
4、保存html代码后使用浏览器打开，即可在页面上看到九九乘法表。如图
