js实现99乘法

js实现99乘法

代码实现:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title></title>
        <style type="text/css">
            body {
     
     
                width: 2000px;
            }

            span {
     
     
                display: inline-block;
                width: 80px;
            }
        </style>
        <script type="text/javascript">
            /*
             * 1.打印99乘法表
             *   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
             *                      ....9*9=81
             */

            //创建外层循环,用来控制乘法表的高度
            for (var i = 1; i <= 9; i++) {
     
     
                //创建一个内层循环来控制图形的宽度
                for (var j = 1; j <= i; j++) {
     
     
                    document.write('<span>' + j + '*' + i + '=' + i * j + '</span>');
                }

                //输出一个换行
                document.write('<br />');
            }
        </script>
    </head>

    <body></body>
</html>

页面效果:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43138550/article/details/114399224