码迷,mamicode.com
首页 > Web开发 > 详细

JS打印金字塔

时间:2018-08-03 01:03:58      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:info   img   png   nbsp   code   script   class   for   学习java   

今晚学习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>        

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

    技术分享图片

 

JS打印金字塔

标签:info   img   png   nbsp   code   script   class   for   学习java   

原文地址:https://www.cnblogs.com/dantayihao/p/9410868.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!