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

最新推荐文章于 2023-02-06 19:28:23 发布

teayear

最新推荐文章于 2023-02-06 19:28:23 发布

阅读量1.1k

点赞数

分类专栏：前端技术文章标签： javascript

本文链接：https://blog.csdn.net/zhangchen124/article/details/120015050

版权

前端技术专栏收录该内容

260 篇文章 18 订阅

订阅专栏

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