当前位置:首页 » 《随便一记》 » 正文

JavaScript——打印输出各种三角形集合,你要的我都有,点赞收藏全拿走_m0_61843874的博客

15 人参与  2022年04月07日 13:59  分类 : 《随便一记》  评论

点击全文阅读


一、正等腰三角形

效果以及代码:

<script>
        var str = '';
        for (var i = 1; i <= 10; i++) {
            for (var j = 9; j >= i; j--) {
                str += ' ';
            }
            str += '*';
            for (var k = 1; k < i; k++) {
                str += '*';
                str += '*';
            }
            str += '\n';
        }
        console.log(str);
    </script>

二、左上三角形

效果以及代码:

  <script>
        var str = '';
        for (var i = 1; i <= 10; i++) {
            for (var j = 10; j >= i; j--) {
                str += '✦';
            }
            str += '\n';
        }
        console.log(str);
    </script>

三、右下三角形

效果以及代码:

<script>
        var str = '';
        for (var i = 1; i <= 10; i++) {
            for (var j = 9; j >= i; j--) {
                str += ' ';
            }
            for (var k = 1; k <= i; k++) {
                str += '☻';
            }
            str += '\n';
        }
        console.log(str);
    </script>

四、左下三角形

效果以及代码:

 <script>
        var str = '';
        for (var i = 1; i <= 10; i++) {
            for (var j = 1; j <= i; j++) {
                str += '❀';
            }
            str += '\n';
        }
        console.log(str);
    </script>

五、右上三角形

效果以及代码:

 <script>
        var str = '';
        for (var i = 1; i <= 10; i++) {
            for (var j = 1; j < i; j++) {
                str += ' ';
            }
            for (var k = 10; k >= i; k--) {
                str += '☼';
            }
            str += '\n';
        }
        console.log(str);
    </script>

六、侧等腰三角形

效果以及代码:

    <script>
        var str = '';
        for (var i = 1; i <= 8; i++) {
            for (var j = 1; j <= i; j++) {
                str += '♛';
            }
            str += '\n';
        }
        for (var i = 1; i <= 7; i++) {
            for (var j = 7; j >= i; j--) {
                str += '♛';
            }
            str += '\n';
        }
        console.log(str);
    </script>


点击全文阅读


本文链接:http://zhangshiyu.com/post/37515.html

角形  效果  代码  
<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1