1. 程式人生 > >JS--利用陣列寫九九乘法表

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

執行結果:
這裡寫圖片描述