machinecat520
/
zj-Exercise


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

<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>
    <script>
        /*
        通过程序，在页面输出如下的图形：
        *           
        **
        ***
        ****
        *****
        可以先输出如下图形：
        *****
        *****
        *****
        *****
        *****

        *****   1   j<5(5-0)     i=0
        ****    2   j<4(5-1)     i=1
        ***     3   j<3(5-2)     i=2
        **      4   j<2(5-3)     i=3
        *       5   j<1(5-4)     i=4

        */

        //向body中输出一个内容
        // document.write("*****<br/>");

        //通过for循环来输出图形
        //这个for循环执行几次，图形的高度就是多少
        //它可以用来控制图形的高度（即行数）
        for (var i = 0; i < 5; i++) {
            /*
            在循环的内部再创建一个循环，用来控制图形的宽度
            目前我们的外部for循环执行1次，内部的就会执行5次

            内层循环可以用来决定图形的宽度，执行几次图形的宽度就是多少（即列数）
            “&nbsp;”：表示输出空格，如果直接在*号后面添加空格，不管添加多少，只能输出一个
                想要多输出几个空格，就只能*号后添加“&nbsp;”，一个“&nbsp;”就代表一个空格

            */
            // for (var j = 0; j < i+1; j++) {
            //     document.write("*&nbsp;&nbsp;&nbsp;");
            // }

            for(var j = 0 ; j < 5 - i ; j++){
                document.write("*&nbsp;&nbsp;&nbsp;");
            }
            //输出一个换行
            document.write("<br/>");

        }


    </script>
</head>

<body>

</body>

</html>