javascript初学for循环（2）

最新推荐文章于 2024-09-17 21:49:02 发布

King如花

最新推荐文章于 2024-09-17 21:49:02 发布

阅读量71

点赞数

分类专栏： js学习之路文章标签： javascript

本文链接：https://blog.csdn.net/KingRH/article/details/115689566

版权

js学习之路专栏收录该内容

11 篇文章 0 订阅

订阅专栏

如何用for循环写出一个各种图形

正角形

        //正三角
        document.write("<div align='center'>")
        for (var i = 1; i <= 10; i++) {
            for (var j = 1; j <= i; j++) {
                document.write("*")
            }
            document.write("<br/>")
        }
        document.write("</div>")

第一重循环循环多少行，第二重循环循环多少列
i=1 时 j<=i 第一行就是一个，同理第二行就是两个

倒三角

        //倒三角
        document.write("<div align='center'>")
        for (var i = 1; i <= 10; i++) {
            for (var j = i; j <= 10; j++) {
                document.write("*")
            }
            document.write("<br/>")
        }
        document.write("</div>")
        
         //倒三角2
        document.write("<p align='center'>")
        for (var i = 10; i >= 1; i--) {
            for (var j = 1; j <= i; j++) {
                document.write("*")
            }
            document.write("<br/>")
        }
        document.write("</p>")

梯形

        document.write("<p align='center'>")
        for (var i = 1; i <= 10; i++) {
            for (var j = 1; j <= i+10; j++) {
                document.write("*")
            }
            document.write("<br/>")
        }
        document.write("</p>")