zoukankan      html  css  js  c++  java
  • 使用JS代码在控制台打印九九乘法表

    思考

    在学习了流程控制和条件判断之后,我们可以使用JS代码打印各种各样二的九九乘法表
    但是,不管打印什么样的九九乘法表,我们都应该去思考和查找其中的规律
    比如:第一行的数字之间是什么规律,第一行与第二行的数字之间是什么规律

    注意

    1.怎么实现换行

      使用转义字符**	**,相当于TAB键
    

    2.怎么控制换行

      console.log()默认就是打印一行换一行,我们只需要把一行的乘法数字都通过字符串拼接在一起
      等这一行结束后,在for循环后面打印即可
      注意console.log()要跟在for循环的外面,不能放在里面
    

    3.对于那些前面是空的,我们需要怎么打印

      其实那些空的就是空格,空格也是有规律的,因为它是用for循环遍历打印
      我们在测试的时候,可以用一些比较显眼的字符代替,比如%或#都可以,等效果出来了在改成空格即可
    

    代码如下

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <script>
            //九九乘法表
            for(var i = 1;i<=9;i++){
                var s = '';
                for(var j = 1;j<=i;j++){
                    s += j + '*' + i +'=' +(i*j)+'	'
                }
                console.log(s);
            }
            console.log("===================================================================")
            for(var i = 1;i<=9;i++){
                var t = '';
                for(var j = i;j<=9;j++){
                    t += i + '*' + j +'=' +(i*j)+'	'
                }
                console.log(t);
            }
            console.log("===================================================================")
            for(var i = 1;i<=9;i++){
                var u = '';
                for(var k = 1;k<i;k++){
                    u += "		"
                }
    
                for(var j = i;j<=9;j++){
                    u += i + '*' + j +'=' +(i*j)+'	'
                }
                console.log(u);
            }
    </script>
    </body>
    </html>
    

    效果展示

    微信截图_20210125192408.png

  • 相关阅读:
    如何使标签a处于不可用状态
    document.referrer的使用和window.opener 跟 window.parent 的区别
    纯CSS让overflow:auto页面滚动条出现时不跳动
    闭包的使用实例
    VMware workstation使用小技巧
    个人命令简记
    中国剩余定理
    UVA 10603 倒水问题
    Haybale Stacking(差分数组 + 求中位数的一些方法 + nth_element)
    POJ 1511 Invitation Cards (最短路的两种方法spfa, Dij)
  • 原文地址:https://www.cnblogs.com/syy1757528181/p/14327060.html
Copyright © 2011-2022 走看看