关于Js实现打印九九乘法表的思路和代码实现

174 阅读1分钟
<script type="text/javascript">
    //打印九九乘法表
    //外层for控制打印行数 这里打印九九乘法表,所以i的值是1~9
    for (let i = 1; i <= 9; i++) {
        //内层for控制打印数量
        //简单来说 外层每循环一次,内层循环的次数是根据 j < i + 1来决定的
        //只要j小于i+1的值,就会循环打印一次
        /*当外层for循环到第9次时 i=9,内层的j<i(9)+1刚开始j的值是1,
        1<10 会循环9次,也就打印了9遍*/
        for (let j = 1; j < i + 1; j++) {
        //输出打印在页面的内容
        document.write("<span>" + j + "*" + i + "=" + i * j + "</span>");
        }
    //内层循环结束,换行
        document.write("<br>");
    }
</script>

给打印的内容加上span标签设置宽度可以使打印的更美观

/*设置css样式*/
span {
    display: inline-block;
    width: 80px;
}

运行结果

image.png