javascript小程序——用嵌套循環來輸出乘法口訣表


在學習javascript過程中,一開始接觸循環語句時一般拿乘法口訣表來練手,這里我將自己的練習貼在這里,希望能給和我一樣的初學者些許幫助,也希望大神們能夠不吝指教。
首先,來看一下乘法口訣表是什么樣子的,不要告訴我所有人都記得一清二楚哦!
其次,乘法口訣表是一個表格,有行和列之分,用嵌套循環來輸出時不可避免要用到兩個參數,用i表示行號,用j表示列號。另外,我們輸出時是將整個表格當做一個字符串來看待,所以設置字符串為res。代碼如下:
var res = “”,i,j;
然后,先對行號進行循環,行號循環里面對列號進行循環。
for( i=1;i<=9;i++){
//j<=i才會階梯型輸出,如果是j<=9,那么輸出的是9×9的矩形表格
for(j=1;j<=i;j++){
res += i + "×" + j + "=" + i*j +"&nbsp&nbsp&nbsp";
}
//換行
res += "<br>";
}
最后,把res輸出到HTML文檔里面,代碼如下:
document.getElementById("div01").innerHTML = res;
全部代碼如下:
<body>
<div id="div01">
 
</div>
<script>
var res = “”,i,j;
for( i=1;i<=9;i++){
for(j=1;j<=i;j++){
res += i + "×" + j + "=" + i*j +"&nbsp&nbsp&nbsp";
}
res += "<br>";
}
document.getElementById("div01").innerHTML = res;
</script>
</body>
 
使用javascript輸出乘法口訣表的代碼及講解就是上面這些,第一次寫這種總結,有些意猶未盡卻不知道寫什么的感覺,不妥之處請大家見諒並不吝指教。


免責聲明!

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



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM