JS輸出圖像組成不同的三角形案例

試用JS繪製用五角星圖案☆組成不同形狀的三角形,直角三角形、倒直角三角形、等腰三角形，如下圖所示。

直角三角形

 

倒立直角三角形

參考代碼：

JS輸出組成直角三角形

    for (var i = 1; i <= 6; i++) {
      for (var j = 1; j <= i; j++) {
        document.write('☆');
        if (i == j) {
          document.write('<br/>');
        }
      }
    }

 

 

JS輸出倒立直角三角形

    for (var i = 6; i >= 0; i--) {
      for (var j = i; j >= 0; j--) {
        document.write('☆');
        if (j == 0) {
          document.write('<br/>');
        }
      }
    }