js输出等腰星星

最新推荐文章于 2023-07-05 00:43:29 发布

原创最新推荐文章于 2023-07-05 00:43:29 发布 · 270 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍使用JavaScript通过两种不同方法在网页上绘制三角形图案的过程。第一种方法逐层减少空格并增加星号数量，第二种方法则在每行开始时增加空格并在之后减少星号数量。这些技巧对于初学者理解循环和网页布局很有帮助。

方法一：
    <script>
        var n = 5;
        //行数
        for (var i = 1; i <= n; i++) {
            //打印空格  n-i 总层数-第几层
            for (var j = 1; j <= (n - i); j++) {
                document.write("&nbsp");
            }
            //打印*  
            for (var k = 1; k <= i; k++) {
                document.write("*");
            }
            //换行
            document.write("<br>");
        }
    </script>
方法二：
    <script>
        var n = 5;
        //行数
        for (var i = 1; i <= n; i++) {
            //打印空格  n-i 总层数-第几层
            for (var j = 1; j <= i-1; j++) {
                document.write("&nbsp");
            }
            //打印*  
            for (var k = 5; k >= i; k--) {
                document.write("*" + "&nbsp");
            }
            //换行
            document.write("<br>");
        }
    </script>