js如何实现九九乘法表

如何用js实现九九乘法表呢？只需要通过两个for循环即可。如图

方法/步骤

打开一个html代码页面，创建一个用显示九九乘法表的div标签。如图代码：

使用css设置九九乘法表的显示效果。如图css代码：.li{ width: 100px; border: 1px solid #f1f1f1; display: inline-block; } .sub{ padding: 5px 10px; }

使用js遍历循环实现九九乘法表的内容。如图js代码：function recursion(index,n){ // 显示九九乘法表 let div = '

'+ index + '*' + n +'='+ index*n +'

' return div } function showRide(){ let obj = '' for(let i=1; i < 10 ; i++){ // 循环遍历九九乘法表 obj += '

' for(let j=i; j < 10; j++){ obj += recursion(i,j) } obj += '

' } document.getElementById('showRide').innerHTML = obj } window.onload = function(){ showRide() }

保存html代码后使用浏览器打开，即可在页面上看到九九乘法表。如图

上一篇：华为分享怎么用

欧尼酱