使用JavaScript输出九九乘法表

╰+哭是因爲堅強的太久メ 2022-05-26 11:53 237阅读 0赞

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

由于之前使用Java做过类似的内容（[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判断如果前数大于后数则不输出：

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

完整代码：

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

[70]: /images/20220526/ad7a6f4039aa458090d0c039e5c6110c.png
[Java]: https://blog.csdn.net/ma_wenkai/article/details/79234720