用JavaScript写9 9乘法表

最新推荐文章于 2022-09-13 14:17:51 发布

何人h

最新推荐文章于 2022-09-13 14:17:51 发布

阅读量164

点赞数 2

分类专栏： html JavaScript

本文链接：https://blog.csdn.net/qq_47147669/article/details/111479814

版权

html 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

JavaScript

1 篇文章 0 订阅

订阅专栏

话不多说，直接上代码


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //创建外层循环，用来控制乘法表高度
         for(var i =1; i< 10; i++){
             //创建内层循环控制图形宽度
                for(var j = 1;j < i + 1; j++) {
                //把每一个式子都存放在span中
                    document.write("<span>"+j+"*"+i+"="+i*j+"</span>");
                }
                //输出一个换行
                document.write("<br />")
            }       
    </script>

    //样式
    <style>
         span{
            display: inline-block;
            width: 80px;
        }
    </style>
</head>
<body>
    
</body>
</html>