用原生js實現一個頁面乘法口訣表

本文轉載自查看原文 2016-10-25 14:52 2613 js小例子全集/ js

今天我自己用js實現了一個頁面乘法口訣表（如圖），在控制台中輸入哦！

來共享給大家，做的不是很好，如果大家有新的想法可以跟我交流哦。

代碼如下：

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
for(var r=0;r<=9;r++){
for(var i=1,str="";i<=r;i++){
str+=i+"x"+r+"="+i*r+" ";
}
console.log(str);
}
var tab = document.createElement('TABLE');
tab.style.border = '1px solid black';
tab.style.borderCollapse='collapse';
for(var i = 1; i <=9 ; i++){
var tr = document.createElement('TR');
tab.appendChild(tr);
for(var j = 1,str=""; j<=i ; j++){
str=j+"x"+i+"="+i*j+" ";
var td = document.createElement('TD');
td.style.border = '1px solid black';
td.style.height = '20px';
td.innerHTML=str;
tr.appendChild(td);
}
}
document.body.appendChild(tab);

</script> 
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 js用for循環實現乘法口訣表 99乘法口訣表JS代碼 c語言實現乘法口訣表 html5--html實現乘法口訣表 python3實現乘法口訣表 python 9*9乘法口訣表 python的乘法口訣表 C語言實現九九乘法口訣表 html原生js實現99乘法表用C語言實現：輸出9*9乘法口訣表。