JS练习_九九乘法表

最新推荐文章于 2021-10-09 22:57:22 发布

Only MI

最新推荐文章于 2021-10-09 22:57:22 发布

阅读量3.8k

点赞数 10

分类专栏： js练习文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44664432/article/details/109801368

版权

js练习专栏收录该内容

4 篇文章 0 订阅

订阅专栏

效果图：
在这里插入图片描述
分析：
1.先使用基本的for循环嵌套，展示乘法表

 <script>

        for (var i = 1; i <= 9 ; i++) {
            for (var j = 1; j <= i ; j++) {
                document.write(i +"*"+ j + "=" + (i*j) +"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp");
            }
            //输出换行
            document.write( "<br>");
        }
    </script>

在这里插入图片描述
2.完成表格嵌套

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>99乘法表</title>
    <style>
        td{
            border: 1px solid;
        }
    </style>

    <script>
        document.write("<table align='center'>");
        for (var i = 1; i <= 9 ; i++) {

            document.write("<tr>");
            for (var j = 1; j <= i ; j++) {

                document.write("<td>");
                document.write(i +"*"+ j + "=" + (i*j) +"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp");
            }
            // document.write( "<br>");
            document.write("</td>");
        }
        document.write("</tr>");
        document.write("</table>");
    </script>
</head>
<body>
</body>
</html>

在这里插入图片描述

Only MI

关注

10
点赞
踩
36

收藏

觉得还不错? 一键收藏
1
评论
JS练习_九九乘法表

效果图：分析：1.先使用基本的for循环嵌套，展示乘法表 <script> for (var i = 1; i <= 9 ; i++) { for (var j = 1; j <= i ; j++) { document.write(i +"*"+ j + "=" + (i*j) +"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp");
复制链接

扫一扫