js_99乘法表-CFANZ编程社区

js_99乘法表

文章目录

js code
html frame code

js code

<script type="text/javascript">
            /*
             * 1.打印99乘法表
             99乘法表的自然是一行行从左往右打印
             为了便于分析,我们不妨将间一个等式的两个乘数分别记作n1,n2,
             每行的等式个数和行号一致(这个数值是由内层循环变量控制的);巧的是,循环变量刚好可以当作等式的因子
             每行的第一个操作数n1是递增的,而且变化频率比n2来得频繁,您可以考虑将n1作为内循环变量,n2作为外循环变量
             那么,第n行的等式中的各个n1的变化范围是从1到当前所在行的行号(也等于该行各等式中的共同的n2)
             于是我们就可以写了
             外层循环变量n2的范围是1~9
             而内层的n1在每行中的循环取值范围是1~n2
             复杂度为O(n2)
             
             *   1*1=1
             *   1*2=2 2*2=4
             *   1*3=3 2*3=6 3*3=9
         ........
             *
             */

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

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

html frame code

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

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

    <body>

</body>
</html>

0 条评论