欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！

您现在的位置是：首页 > IT编程

如何使用JavaScript输出九九乘法表？

程序员文章站 2023-01-11 17:39:01

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

使用javascript输出九九乘法表，效果如图所示：

如何使用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("
");
    }

使用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("
");
    }

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

    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="  "+i*j;
            }
            if(j<=i) {
                document.write(j + "*" + i + "=" + num + "    ");
            }
        }
        document.write("
");
    }

完整代码：

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

上一篇：桃子放在冰箱里保存还是外面保存？保存桃子的时候要注意什么？

下一篇：权威公布：百度搜索网页标题规范

推荐阅读