JS--利用陣列寫九九乘法表
阿新 • • 發佈:2019-02-07
主要利用的是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);
執行結果: