js基础案例 打印正方形星星和三角形和乘法口诀

//控制行数的---正方形的

for (var i = 0; i <= 5; i++) {

//控制每一行有几个星星

for (var j = 0; j <= 5; j++) {

document.write("★");

}

document.write("<br/>");

}

 

//

// for(var j=0;j<=2;j++){

// document.write("★");

// }

 

//三角形的---五角星----随着行数的增加,每一行都会比上一行多一个五角星

for (var i = 0; i <= 5; i++) {

//控制每一行有几个星星

for (var j = 0; j <= i; j++) {

document.write("★");

}

document.write("<br/>");

}

//控制行数

// for(var i=1;i<=9;i++){

// //控制每一行有多少个表达式

// for(var j=1;j<=9;j++){

// document.write(j+"*"+i+"="+i*j);

// }

// document.write("<br/>");

// }

 

//打印乘法口诀   掌握------必须要写出来的

// for(var i=1;i<=9;i++){

// //控制每一行有多少个表达式

// for(var j=1;j<=i;j++){

// document.write(i+"*"+j+"="+i*j);

// }

// document.write("<br/>");

// }

 

//表格版本的-------能够理解,如果写出来更好

//document.write("<a href='http://www.baidu.com'>百度</a>");

 

document.write("<table border='1' cellpadding='0' cellspacing='0'>");

for (var i = 1; i <= 9; i++) {//控制的行数

document.write("<tr>");

for (var j = 1; j <= i; j++) {

document.write("<td>");

document.write(i + "*" + j + "=" + i * j);

document.write("</td>");

}

document.write("</tr>");

}

document.write("</table>");