JS打印九九乘法表

最新推荐文章于 2022-09-03 11:35:18 发布

凌虚95

最新推荐文章于 2022-09-03 11:35:18 发布

阅读量1.2k

点赞数

文章标签： js

本文链接：https://blog.csdn.net/weixin_45849948/article/details/105861794

版权

题目

使用JS来打印简单的九九乘法表

分析

使用两层循环来打印出九九乘法表
将乘法表放在 table 表格中来进行打印
用 CSS 来控制每个 th 的边框

程序代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>九九乘法表</title>

    <style>
        td {
            border: 1px solid;
        }
        table {
            margin-top: 200px;
        }

    </style>

    <script>

        document.write("<table  align='center'>");


        //1.完成基本的for循环嵌套，展示乘法表
        for (var i = 1; i <= 9; i++) {
            document.write("<tr>");
            for (var j = 1; j <= i; j++) {
                document.write("<td>");

                //输出  1 * 1 = 1
                document.write(i + " * " + j + " = " + (i * j) + "&nbsp;&nbsp;&nbsp;");

                document.write("</td>");
            }
            //输出换行
            //document.write("<br>");

            document.write("</tr>");
        }

        //2.完成表格嵌套
        document.write("</table>");

    </script>

</head>
<body>

</body>
</html>

运行结果

在这里插入图片描述

凌虚95

关注

0
点赞
踩
10

收藏

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

题目使用JS来打印简单的九九乘法表分析使用两层循环来打印出九九乘法表将乘法表放在 table 表格中来进行打印用 CSS 来控制每个 th 的边框程序代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>九九乘法表&lt...
复制链接

扫一扫