美文网首页
JS实现打印实心菱形和空心菱形!

JS实现打印实心菱形和空心菱形!

作者: DragonersLi | 来源:发表于2017-09-21 10:32 被阅读514次
    <html>
    <head>
    <title>打印完整的菱形图形</title>
    <script language="javascript"> 
          var n = window.prompt("请输入一个正整数");
          n = parseInt (n);
          document.writeln("实心的菱形图形:<p>");  
          //实心菱形的上半部分
          for (var i = 1; i <= n; i ++) {
             for (var k = n-1; k >= i; k --) {
                  document.writeln("&nbsp");
             }  
             for (var j = 1; j <= 2*i-1; j ++) {
                  document.writeln("*");
             }      
             document.writeln("<br>");
           }
           //实心菱形的下半部分
           for (var i = 1; i <= n-1; i ++) {
              for (var k = 1; k <= i; k ++) {
                  document.writeln("&nbsp");
              } 
              for (var j = 2*n-1; j >= 2*i+1; j --) {
                  document.writeln("*");
             }       
             document.writeln("<br>");
          }
          document.writeln("<br>");
          document.writeln("空心的菱形图形:<p>"); 
          //空心菱形的上半部分
          for(var i = 1; i <= n; i ++) {
              for (var k = n-1; k >= i; k --) {
                   document.writeln("&nbsp");
              }
              for (var j = 1; j <= 2*n-1; j ++) {             
                 
                       document.writeln(( j == 1|| j == 2*i-1)?"*":"&nbsp");
                        
             }
             document.writeln("<br>");          
         }
         //空心菱形的下半部分
         for(var i = 1; i <= n-1; i ++) {
              for (var k = 1; k <= i; k ++) {
                   document.writeln("&nbsp");
              }
              for (var j = 1; j <= 2*n-3; j ++) {
    
     document.writeln(( j == 1||j == (2*n-1)-2*i)?"*":"&nbsp");  
             }
             document.writeln("<br>");          
         }  
    </script>
    </head>
    <body></body>
    </html>
    
    
    
    
    
    Paste_Image.png

    相关文章

      网友评论

          本文标题:JS实现打印实心菱形和空心菱形!

          本文链接:https://www.haomeiwen.com/subject/sulzsxtx.html