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

2019-11-20 10:32:37

字体：大中小

来源：转载

供稿：网友

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

一、左下角为度的梯形乘法表：

For循环代码

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循环代码

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循环代码

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循环代码

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循环代码

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循环代码

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循环代码

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循环代码

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

示例图