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

作者: DragonersLi | 来源:发表于2017-09-21 10:32 被阅读514次

JS实现打印实心菱形和空心菱形!
UML 类图实践
[设计模式]-UML类图的各符号含义
for循环打印实心菱形
打印菱形
想要学习设计模式，你得先会看类图，一张图读懂ＵＭＬ
空心菱形
空心菱形
Java打印金字塔（正实心、正空心，倒实心、倒空心），菱形
打印菱形

<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