黑马程序员技术交流社区

标题: for循环打印金字塔 看着好玩 [打印本页]
作者: qq1474754818    时间: 2017-10-25 23:28
标题: for循环打印金字塔 看着好玩
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

    <style>
        *{
            margin: 0;
            padding: 0;
        }
    </style>

    <!--
                *
               ***
              *****
             *******


         一共4行，外层循环循环4次

         总行数为4

        第1行：前面有3个空格，1个星星  4-1 = 3   1 * 2 - 1 = 1
        第2行；前面有2个空格，3个星星  4-2 = 2   2 * 2 - 1 = 3
        第3行：前面有1个空格，5个星星  4-3 = 1   3 * 2 - 1 = 5
        第4行：前面有0个空格，7个星星  4-4 = 0   4 * 2 - 1 = 7


        总结：
            每行的空格数 =  总行数 - 行索引
            每行的星星数 =  行索引 * 2 - 1


    -->

    <script>

        for (var i = 1; i <= 4; i++) {

            for (var j = 1; j <= 4 - i; j++) {

                document.write("&nbsp;");
            }

            for (var z = 1; z <= i * 2 - 1; z++) {

                document.write("*");
            }

            document.write("<br/>");
        }

    </script>
</head>
<body>

</body>
</html>
作者: 一只小熊猫    时间: 2017-10-26 18:02
虽然我看不懂 但是好像很厉害



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2