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