<!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>
</head>

<body>
    <script>
        //双重循环,注意:这个时候使用for循环比较好;
        //个数固定
        //代码1:生成一个矩形的乘法口诀表;
        for (var i = 1; i <= 9; i++) {  //i:表示前面的数;
            for (var j = 1; j <= 9; j++) {
                document.write(i + "*" + j + "=" + i * j + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
            }//这个时候,j第二个数字乘完;
            document.write("<br/>");
        }
        //代码2:生成一个正三角形的乘法口诀表;
        for (var i = 1; i <= 9; i++) {  //i:表示前面的数;
            for (var j = 1; j <= i; j++) { //规律:当j==i相等时候,就不再往后求乘积了.
                document.write(i + "*" + j + " = " + i * j + "&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;");
            }//这个时候,j第二个数字乘完;
            document.write("<br/>");
        }
        //代码3:
        for (var i = 1; i <= 9; i++) {  //i:表示前面的数;
            // for (var k = 0; k <= i; k++) {
            //     document.write("&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;")
            // }
            //规律:当j==9-i+1
            for (var j = 1; j <= 9; j++) {
                if (i * j > 10)
                    document.write(i + "*" + j + " = " + i * j + "&ensp;&ensp;");
                else
                    document.write(i + "*" + j + " = " + i * j + "&ensp;&ensp;&ensp;");
            }//这个时候,j第二个数字乘完;
            document.write("<br/>");
        }
        //作业:生成一个倒三角形的乘法口诀表;
        for (var i = 1; i <= 9; i++) {  //i:表示前面的数;
            //Java一般用的比较多,在第二层,再增加一个空格循环;
            for (var k = 0; k <= i; k++) {
                document.write("&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;")
            }
            //规律:从第2行开始,列的值少了;一个方法是j--;起始值加上去,从i开始;
            for (var j = i; j <= 9; j++) {
                if (i * j > 10)
                    document.write(i + "*" + j + " = " + i * j + "&ensp;&ensp;&ensp;&ensp;");
                else
                    document.write(i + "*" + j + " = " + i * j + "&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;");
            }//这个时候,j第二个数字乘完;
            document.write("<br/>");
        }

    </script>
</body>

</html>