效果如上图所示。
//让菱形在页面上居中显示
document.write("<center>");
// 1.先写菱形前面三行 ☆
// 1.1 循环获取三行,从第一行到第三行
for(var i = 1; i <= 3; i++){
//循环每一行里有多少 ☆ 的个数
// 1.2 第一行只有一颗 ☆ ,所以j=1,从1开始;每一行依次往上增1,3,5,是奇数
for(var j = 1; j <= i * 2 - 1; j++){
//在页面显示
document.write("☆");
}
// 1.3 在每次循环打印了一行 ☆ 时,要用换行符隔开
document.write("</br>");
}
// 2.再写下面两行 ☆ ,和上面代码类似。
//2.1 这两行是递减的,所以i=2开始往下减到1行
for(var i = 2; i > 0; i--){
//这里的变量 i与j 和前面三行的变量是没有关系的,如果介意可以将其命名为其他
for(var j = 1; j <= i * 2 - 1; j++){
document.write("☆");
}
docuemnt.write("</br>");
}