欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js 两种方法打印九九乘法表

程序员文章站 2022-06-25 10:09:49
...

1> 循环嵌套:

<script>
  var i , j;
            for(i = 1;i <= 9;i ++){
                document.write("<br>");               // i 为行的乘数,j 为列数  每一行打印完后换行
                for(j = 1;j <= i;j ++){
                    sum = i * j;
                    document.write(i ,"*",j ,"=",sum,"   ");     // 使 "i" 和 "j" 能打印出来
                }
            }
</script>

效果:

js 两种方法打印九九乘法表

2> 使用函数写一个table包裹的乘法表:

<script>
    function cfb(){
                  var bg = "<table>";
                  for(var i = 1;i <= 9;i ++){
                      bg += "<tr>";
                      for(var j = 1;j <= i;j ++){
                          bg += "<td>" + i + "*" + j + "=" + i * j + "</td>";
                      }
                      bg += "</td>";
                  }
                  bg += "</table>";
                  document.write(bg);
              }
              cfb();
</script>

效果:

js 两种方法打印九九乘法表(复制的结果,没背景颜色。。)

这时,再点击进入查看器,会看到新生成的<table>标签:

js 两种方法打印九九乘法表