利用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中的循环语句来实现正方形、长方形、平行四边形、三角形、菱形、空心菱形。的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。