1. 程式人生 > >(js)使用for循環實現九九乘法表數字顏色不同

(js)使用for循環實現九九乘法表數字顏色不同

word log i++ function -c pac bsp num number

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .container{ width: 70%; margin: 50px auto; } </style> </head> <body> <div class="banben"> <div class="beijing"> </div>
<div class="container"> <table cellspacing="10" style="font-size: 25px;"> <script type="text/javascript"> var colors=["#ccc","#333","#369","#666","#999","963","#639","#693","#a96","#f30"]; for(var i=1; i<=9; i++){ document.write("<tr>"); for(var j=1; j<=i; j++){
document.write("<td>"+colorNUm(j)+"×"+colorNUm(i)+"="+colorNUm(i*j)+"</td>"); } document.write("</tr>"); } function colorNUm (x) { var singles=(x+"").split(""); var html=""; for(var i=0;i<singles.length;i++){ var sz=singles[i]; html+="<span style=‘color:"+colors[sz]+"‘>"+sz+"</span>";
} return html; } </script> </table> </div> </div> </body> </html>

(js)使用for循環實現九九乘法表數字顏色不同