使用JavaScript输出九九乘法表

最新推荐文章于 2024-09-12 21:55:42 发布

Bot_阿难

最新推荐文章于 2024-09-12 21:55:42 发布

阅读量1.5w

点赞数 15

分类专栏：【JavaScript了解】文章标签： JS JavaScript 九九乘法表

本文链接：https://blog.csdn.net/Ma_Wenkai/article/details/80159487

版权

【JavaScript了解】专栏收录该内容

3 篇文章 0 订阅

订阅专栏

使用JavaScript输出九九乘法表，效果如图所示：
这里写图片描述

由于之前使用Java做过类似的内容（Java输出九九乘法表），所以思路比较清晰。
首先使用嵌套for循环输出1-9与1-9的乘积：

 var num=0;
    for(var i=1 ;i<10;i++){
        for(var j=1;j<10;j++){
            num=i*j;
            document.write(j + "*" + i + "=" + num);
            }
        }
    }

使用br标签实现换行：

 var num=0;
    for(var i=1 ;i<10;i++){
        for(var j=1;j<10;j++){
            num=i*j;
            document.write(j + "*" + i + "=" + num);
            }
        }
        document.write("<br>");
    }

使用if判断如果前数大于后数则不输出：

 var num=0;
    for(var i=1 ;i<10;i++){
        for(var j=1;j<10;j++){
            num=i*j;
            if(j<=i) {
                document.write(j + "*" + i + "=" + num);
            }
        }
        document.write("<br>");
    }

最后为了整体美观，适当的添加空格：

    var num=0;
    for(var i=1 ;i<10;i++){
        for(var j=1;j<10;j++){
            num=i*j;
            //如果乘积是一位数，则前面添加两个空格保持队列
            if(num/10<1){
                num="&nbsp;&nbsp;"+i*j;
            }
            if(j<=i) {
                document.write(j + "*" + i + "=" + num + "&nbsp;&nbsp;&nbsp;&nbsp;");
            }
        }
        document.write("<br>");
    }

完整代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var num=0;
    for(var i=1 ;i<10;i++){
        for(var j=1;j<10;j++){
            num=i*j;
            if(num/10<1){
                num="&nbsp;&nbsp;"+i*j;
            }
            if(j<=i) {
                document.write(j + "*" + i + "=" + num + "&nbsp;&nbsp;&nbsp;&nbsp;");
            }
        }
        document.write("<br>");
    }

</script>
</body>
</html>