JS打印金字塔

今晚学习JavaScript,利用for循环打印了半边金字塔和完整金字塔,将所学心得记录下来。

首先是半边金字塔:

  代码如下: 

 1 <script type="text/javascript">
 2     //n为层数
 3     var n = 10;
 4     //外层for循环控制层数
 5     for(var i = 0; i < n; i++){
 6         //内层for循环控制星星的数量
 7         //J<=i是让星星的数量刚好等于层数
 8         for(var j = 0; j <= i; j++){
 9             document.write("*");
10         }
11      //打完这层换行
12 document.write("<br/>"); 13 } 14 </script>

效果图:

  


完整金字塔

  代码如下:

    

 1 <script type="text/javascript">
 2     //n控制层数
 3     var n = 10;
 4     for(var i = 1; i <= n; i++){
 5         //每层空格数量为n减i,n为总层数,i是第几层
 6         for(var j = 1; j <= n-i; j++){
 7             document.write("&nbsp");
 8         }
 9         //每层星星数量为[2*(i-)+1]个,
10         for(var k = 1; k <= 2*(i-1)+1; k++){
11             document.write("*");
12         }
13         //打完一层换行
14         document.write("<br>");
15     }
16 </script>        

  效果图:  第一个星星对不齐是因为图形的原因。

    

 

posted @ 2018-08-02 23:25  蛋挞一昊  阅读(6683)  评论(0编辑  收藏  举报