当前位置：首页 > 资讯 > 技术文档

JS实现上下左右对称的九九乘法表

时间：2022-03-14 11:17 编辑：来源：阅读：
扫一扫，手机访问

摘要：JS实现上下左右对称的九九乘法表

九九乘法表使用很多种语言都可以实现。本文讲述JavaScript中常用的两种循环（For、While）来完成这四种对称的九九乘法表，这个例子是一个练习循环基础很好的方法，由于排版上对不整齐，因此循环了一个表格。 [b]一、左下角为度的梯形乘法表：[/b] [b]For循环代码[/b]

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>");

[b]While循环代码[/b]

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>");

示例图 [img]http://files.jb51.net/file_images/article/201602/201602220855542.png[/img] [b]二、右下角为度的梯形乘法表： [/b] [b]For循环代码[/b]

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>");

[b]While循环代码[/b]

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>");

示例图 [img]http://files.jb51.net/file_images/article/201602/201602220855543.png[/img] [b]三、左上角为度的梯形乘法表：[/b] [b]For循环代码[/b]

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>");

[b]While循环代码[/b]

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>");

示例图 [img]http://files.jb51.net/file_images/article/201602/201602220855544.png[/img] [b]四、右上角为度的梯形乘法表：[/b] [b]For循环代码[/b]

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>");

[b]While循环代码[/b]

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>");

示例图 [img]http://files.jb51.net/file_images/article/201602/201602220855545.png[/img] 以上内容是本文给大家分享的JavaScript中常用的两种循环（For、While）来完成这四种对称的九九乘法表，希望对大家有所帮助！

全部评论(0)

上一篇：JavaScript调试之console.log调试的一个小技巧分享
下一篇：JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器

资讯排行榜
更多>>