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

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

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

程序员文章站 2022-05-11 14:21:08

使用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>

上一篇： JavaScript学习笔记（第一天）

下一篇：双启动：安装Windows 7 和 CentOS 7 双系统教程

推荐阅读