当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 如何使用JavaScript输出九九乘法表？

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

2018年11月21日  | 移动技术网IT编程  | 我要评论

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网