JS實現(xiàn)上下左右對稱的九九乘法表
更新時間：2016年02月22日 08:52:48 作者：jerrylsxu
九九乘法表使用很多種語言都可以實現(xiàn)，本文給大家介紹js使用for、while循環(huán)來完成四種對稱的九九乘法表，對九九乘法表需要的朋友參考下
九九乘法表使用很多種語言都可以實現(xiàn)。本文講述JavaScript中常用的兩種循環(huán)（For、While）來完成這四種對稱的九九乘法表，這個例子是一個練習循環(huán)基礎很好的方法，由于排版上對不整齊，因此循環(huán)了一個表格。
一、左下角為度的梯形乘法表：
For循環(huán)代碼
document.write("<table width='' border='>");
for(var i=; i<=; i++){
document.write("<tr>");
for(var j=; j<=i; j++){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");
While循環(huán)代碼
document.write("<table width='' border='>");
var i = ;
while(i<=){
document.write("<tr>");
var j = ;
while(j<=i){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j++;
}
document.write("</tr>");
i++;
}
document.write("</table>");
示例圖
二、右下角為度的梯形乘法表：
For循環(huán)代碼
document.write("<table width='' border='>");
for(var i=; i<=; i++){
document.write("<tr>");
for(var n=i; n<; n++){
document.write("<td> </td>");
}
for(var j=i; j>=; j--){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");
While循環(huán)代碼
document.write("<table width='' border='>");
var i = ;
while(i<=){
document.write("<tr>");
var n = i;
while(n<){
document.write("<td> </td>");
n++;
}
var j = i;
while(j>=){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j--;
}
document.write("</tr>");
i++;
}
document.write("</table>");
示例圖
三、左上角為度的梯形乘法表：
For循環(huán)代碼
document.write("<table width='' border='>");
for(var i=; i>=; i--){
document.write("<tr>");
for(var j=; j<=i; j++){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");
While循環(huán)代碼
document.write("<table width='' border='>");
var i = ;
while(i>=){
document.write("<tr>");
var j = ;
while(j<=i){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j++;
}
document.write("</tr>");
i--;
}
document.write("</table>");
示例圖
四、右上角為度的梯形乘法表：
For循環(huán)代碼
document.write("<table width='' border='>");
for(var i=; i>=; i--){
document.write("<tr>");
for(var j=; j>=i; j--){
document.write("<td> </td>");
}
for(var j=i; j>=; j--){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");
While循環(huán)代碼
document.write("<table width='' border='>");
var i = ;
while(i>=){
document.write("<tr>");
var j = ;
while(j>=i){
document.write("<td> </td>");
j--;
}
var j = i;
while(j>=){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j--;
}
document.write("</tr>");
i--;
}
document.write("</table>");
示例圖
以上內(nèi)容是本文給大家分享的JavaScript中常用的兩種循環(huán)（For、While）來完成這四種對稱的九九乘法表，希望對大家有所幫助！
相關文章
這篇文章主要為大家詳細介紹了JavaScript模擬鼠標右鍵菜單效果的實現(xiàn)代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
下面小編就為大家?guī)硪黄猨s中的this指向和自定義屬性。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2021-09-09
這篇文章主要為大家詳細介紹了如何通過微信小程序開發(fā)一個簡單的別踩白塊游戲，文中的示例代碼講解詳細，感興趣的小伙伴可以和小編一起學習一下2023-02-02
這篇文章主要介紹了JS錨點的設置與使用方法,涉及javascript針對頁面元素屬性的簡單動態(tài)操作技巧,需要的朋友可以參考下2016-09-09
基于JavaScript實現(xiàn)線性漸變的高斯模糊效果
這篇文章主要為大家詳細介紹了高斯模糊算法以及線性漸變的高斯模糊算法的原理,并通過一個小demo展示了如何實現(xiàn)y方向上線性漸變的高斯模糊效果,需要的可以了解下2024-01-01
這篇文章主要介紹了JS采用絕對定位實現(xiàn)回到頂部效果,以完整實例形式分析了JS定位到頁面頂部功能的實現(xiàn)方法,涉及javascript動態(tài)操作頁面元素與屬性的相關技巧,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了javascript實時獲取鼠標坐標值并顯示的方法,涉及javascript操作鼠標事件的相關技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了layui的form.on的使用,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-07-07
這篇文章主要介紹了js獲取鼠標位置的方法,結合實例形式詳細分析了JavaScript響應鼠標事件獲取并操作頁面元素屬性的相關技巧,需要的朋友可以參考下2015-12-12
這篇文章主要為大家詳細介紹了js編寫輪播圖效果的代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03