递增递减小案例-星星

最新推荐文章于 2023-03-27 16:11:06 发布

Jikel

最新推荐文章于 2023-03-27 16:11:06 发布

阅读量256

点赞数

分类专栏： js有趣小案例

本文链接：https://blog.csdn.net/weixin_54902466/article/details/117883289

版权

js有趣小案例专栏收录该内容

39 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 外层一次循环,内层五次循环
        for (let i = 1; i <= 5; i++) {      // 五行,循环五次
            for (let j = 1; j <= 5; j++) {  // 五颗星,循环五次
                document.write('☆')
            }
            document.write(`<br>`)
        }
        document.write(`<br>`)
        document.write(`<br>`)
        document.write(`<br>`)
        document.write(`<br>`)
        // ----------- ☆递减 第一种解法------------

        //  第1行  5颗星    6        用6-1行(i) = 5颗星
        //  第2行  4颗星    6        用6-2行(i) = 4颗星
        //  第3行  3颗星    6
        //  第4行  2颗星    6
        //  第5行  1颗星    6

        // 外层一次循环,内层五次循环
        for (let i = 1; i <= 5; i++) {      // 外层循环,控制行数
            for (let j = 1; j <= 6-i; j++) {  // 内层循环,控制个数
                document.write('☆')
            }
            document.write(`<br>`)
        }
    
        document.write(`<br>`)
        document.write(`<br>`)
        document.write(`<br>`)


         // ----------- ☆递减 第二种解法------------

           for (let i = 5; i >= 1; i--) {     // 外层循环,控制行数  利用递减增加行数 ---从五到一,也是循环五次 / 五行
            for (let j = 1; j <= i; j++) {    // 内层循环,控制个数  第一次循环的时候i是5,j<=5 就是打印五颗星
                document.write('☆')
            }
            document.write(`<br>`)
        }
    </script>
</body>

</html>

Jikel

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
递增递减小案例-星星

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&gt
复制链接

扫一扫