使用for循环输出三角形(*型版)

2年老兵

于 2024-12-02 15:36:11 发布

阅读量163

点赞数 2

分类专栏： javascript 文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/weixin_63232222/article/details/144189604

版权

javascript 专栏收录该内容

4 篇文章

订阅专栏

要求:输出以下图案

***

****

*****

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        for (var i = 0; i < 5; i++) {
            for (var j = 0; j <= i; j++) {
                document.write("*");//页面上打印*型
                if (j == i) {
                    document.write("<br/>");
                }

            }

        }
    </script>
</body>

</html>

思路:

先想怎么能用两个for循环输出5行5列的长方形。
i表示行数,j表示每行输出几个*型。
要想每行递增的输出*型，j不能写死，要随着i增加j来增加（第一次i为0，j就为0，j<=i，输出一个*；第二次i为1，j就为0，j<=i，输出两个*，以此类推）。
每行输出后要想换行，就要想到i==j这个条件，满足后换行，再开始输出下一行。