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

  • 相关阅读:
    十年微软(Microsoft)MVP
    HTML5使用Div标签来实现表格
    C# 6.0的字典(Dictionary)的语法
    C# 6.0的属性(Property)的语法与初始值
    ASP.NET MVC使用jQuery实现Autocomplete
    The system cannot find the file specified
    Web实时通信
    实时数据显示--SignalR实例演示
    No Javascript on this page
    The SQL Server Service Broker for the current database is not enabled, and as a result query notifications are not supported.
  • 原文地址:https://www.cnblogs.com/syy1757528181/p/14327060.html
Copyright © 2011-2022 走看看