js如何实现九九乘法表

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代码后使用浏览器打开，即可在页面上看到九九乘法表。如图