js实现输出九九乘法表

最新推荐文章于 2024-01-21 10:44:53 发布

聂小邯

最新推荐文章于 2024-01-21 10:44:53 发布

阅读量6k

点赞数 4

分类专栏： js的使用

本文链接：https://blog.youkuaiyun.com/weixin_45069992/article/details/90549420

版权

js的使用专栏收录该内容

13 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    span{
        width: 21px;
        height: 21px;
        display: inline-block;
    }
    </style>
</head>
<body>
    <!-- 九九乘法口诀表 
    1*1=1
    1*2=2 2*2=4
    1*3=3 2*3=6 3*3=9
    1*4=4 2*4=8 3*4=12 4*4=16
    1*5=5 2*5=10 3*5=15 4*5=20 5*5=25
    -->

    <script>
        //循环九行
        for (var n = 1; n < 10; n++) {
            //循环输出每行内容
            for (var m = 1; m <= n; m++) {
                document.write(m + "*" + n + "=" + (m * n) + "<span>&nbsp;</span>");
            }
            document.write("<br/>");
        }
    </script>
</body>
</html>