JS--利用数组写九九乘法表

主要利用的是JS的数组长度作为九九乘法表的基础,直接上例子:

(function(){
    var a=new Array(9);//创建一个长度为9的数组
    var body=document.getElementsByTagName("body")[0];

    for(var row=1;row<=a.length;row++){    //以a的长度作为遍历条件,row将作为表的每行
        for(var col=1;col<=row;col++){     //col作为列

            var el=document.createElement("span");  //每次遍历创建一个span元素
            el.innerText=row*col+" ";       
            body.appendChild(el);                   //将span加入到body中

        }
        var br=document.createElement("br");
        body.appendChild(br);          //在每行循环最后往body加入一个br换行
    }
})();

运行结果:
这里写图片描述

这里我只是将结果呈现出来,如果想要呈现XX*XX=XX的效果,只需要将

el.innerText=row*col+" ";  
改为
el.innerText=row+"*"+col+"="+row*col+" "; 
即可

如果想画一个十乘十的表,只需要将9改成10

var a=new Array(10);

运行结果:
这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值