JS输出图像组成不同的三角形案例

最新推荐文章于 2024-12-09 09:21:16 发布

原创最新推荐文章于 2024-12-09 09:21:16 发布 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

cnblog博客：https://www.cnblogs.com/f6056/

文章标签：

#JS #三角形 #小案例 #for循环

Javascript 专栏收录该内容

57 篇文章

订阅专栏

本文介绍如何使用JavaScript代码绘制由五角星图案组成的三角形，包括直角三角形、倒立直角三角形和等腰三角形。通过简单的代码示例，读者可以学习到如何利用循环结构在网页上输出特定的图形。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

试用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/>');
        }
      }
    }