JS打印九九乘法表

最新推荐文章于 2022-06-16 17:00:48 发布

不会编程的师范人

最新推荐文章于 2022-06-16 17:00:48 发布

阅读量258

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/qq_44396242/article/details/117713045

版权

打印出的效果
在这里插入图片描述
做个页面点击效果

<body>
    <div class="box">
        <button onclick="myclick(this)">九九乘法表</button>
    </div>
</body>

在这里插入图片描述
完整代码：

<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>九九乘法表</title>
    <style>
        .box{
            display: flex;
            justify-content: center;      
        }
    </style>
    <script type="text/javascript">
        function myclick(){
            var sum=0;
            for(var i=1;i<=9;i++){        //打印九行
                document.write("<br>");   //换行
                for(var j=1;j<=i;j++){    //打印每一行
                    sum=i*j;
                    document.write(j ,"*",i ,"=",sum,"   ");
                } 
            }
        }
    </script>
</head>
<body>
    <div class="box">
        <button onclick="myclick(this)">九九乘法表</button>
    </div>
</body>
</html>

效果如上两图，点击按钮，打印九九乘法表。

不会编程的师范人

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS打印九九乘法表

打印出的效果做个页面点击效果<body> <div class="box"> <button onclick="myclick(this)">九九乘法表</button> </div></body>完整代码：<!DOCTYPE html><html lang="cn"><head> <meta charset="UTF-8">
复制链接

扫一扫