javascript九九乘法口诀表多种实现

缺乏、安全感 2022-09-09 09:52 124阅读 0赞

<!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 + "       ");
                }//这个时候，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 + "      ");
                }//这个时候，j第二个数字乘完;
                document.write("<br/>");
            }
            //代码3：
            for (var i = 1; i <= 9; i++) {   //i:表示前面的数;
                // for (var k = 0; k <= i; k++) { 
                // document.write("         ")
                // }
                //规律：当j==9-i+1
                for (var j = 1; j <= 9; j++) { 
                    if (i * j > 10)
                        document.write(i + "*" + j + " = " + i * j + "  ");
                    else
                        document.write(i + "*" + j + " = " + i * j + "   ");
                }//这个时候，j第二个数字乘完;
                document.write("<br/>");
            }
            //作业：生成一个倒三角形的乘法口诀表;
            for (var i = 1; i <= 9; i++) {   //i:表示前面的数;
                //Java一般用的比较多，在第二层，再增加一个空格循环;
                for (var k = 0; k <= i; k++) { 
                    document.write("         ")
                }
                //规律：从第2行开始，列的值少了；一个方法是j--;起始值加上去，从i开始；
                for (var j = i; j <= 9; j++) { 
                    if (i * j > 10)
                        document.write(i + "*" + j + " = " + i * j + "    ");
                    else
                        document.write(i + "*" + j + " = " + i * j + "      ");
                }//这个时候，j第二个数字乘完;
                document.write("<br/>");
            }
    
        </script>
    </body>
    
    </html>