利用JS來制造圖形

• 代碼
• • 1.正方形
  • 2.長方形
  • 3.平行四邊形
  • 4.三角形
  • 5.菱形
  • 6.空心菱形
  • 7.效果圖
• 總結

代碼

1.正方形

代碼如下（示例）：

<script>for (var a=1;a<=10;a++){document.write("*");document.write("&emsp;")for (var b=1;b<10;b++){document.write("*");document.write("&emsp;");}document.write("<br>")} </script>

2.長方形

代碼如下（示例）：

<script> for (var c=1;c<=6;c++){document.write("*");document.write("&emsp;")for (var d=1;d<10;d++){document.write("*");document.write("&emsp;");}document.write("<br>")} </script>

3.平行四邊形

代碼如下（示例）：

<script>for (a=0;a<6;a++) {for (c=a; c <=10; c++) {document.write("&emsp;");}for (b = 1; b<=10; b++) {document.write("&emsp;"+"*")}document.write("<br>")} </script>

4.三角形

代碼如下（示例）：

<script>for (var a=1;a<10;a++){for (var b=1;b<10-a;b++){document.write("&emsp;")}for (var c=1;c<=a;c++){document.write("* &emsp;")}document.write("<br>")} </script>

5.菱形

代碼如下（示例）：

<script>for (var a=1;a<=10;a++){for (var b=1;b<=10-a;b++){document.write("&emsp;")}for (var c=1;c<=a;c++){document.write("* &emsp; ")}document.write("<br>")}for (var d=1;d<=9;d++){for (var e=1;e<=d;e++){document.write("&emsp;")}for (var f=1;f<=10-d;f++){document.write("* &emsp; ")}document.write("<br>")} </script>

6.空心菱形

代碼如下（示例）：

<script>for (let i = 1; i <=10 ; i++) {for (let j = 1; j <= 10 - i; j++) {document.write("&emsp;");}for (let j = 1; j <= i; j++) {if (j == 1 || j == i)document.write("* &emsp; ")elsedocument.write("&nbsp; &emsp; ")}document.write("<br>")}for (let i = 1; i <=9 ; i++) {for (let j = 1; j <=i ; j++) {document.write("&emsp;")}for (let j = 1; j <=10-i ; j++) {if (j==1||j==10-i)document.write("* &emsp; ")elsedocument.write("&nbsp; &emsp; ")}document.write("<br>")} </script>

7.效果圖

總結

本文主要利用的技術是JS中的for循環，巧妙的使用循環語句來達到可以輸出各種不同的圖形。

總結

以上是生活随笔為你收集整理的利用JS中的循环语句来实现正方形、长方形、平行四边形、三角形、菱形、空心菱形。的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。