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);

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

猜你喜欢

转载自blog.csdn.net/qq_30455841/article/details/78329206