JS入门小案例3-写出99乘法表

一、代码思路

一、先打印一行9个星星

使用for循环，循环9次。如下：

 for(i = 1 ;i<=9;i++){
        document.write(`★`)
      }
     

二、在打印9行9列的星星

使用for的嵌套循环用法，在用一个for循环将打印一行的for循环包裹起来
注意点：每一行9个小星星直接循环9次的话会打印在一行上，需要使用换行符，才能得到9行9列的小星星。如下：

 for (k = 1; k <= 9; k++) {
        for (i = 1; i <= 9; i++) {
          document.write(`★`)
        }
        document.write('<br>')
      }

三、然后将9行9列的星星转换为三角的样式

k是行数，i是星星一行打印循环数，
第一行（k =1)，打印一个星星，循环一次 (i=1)
第二行 (k = 2) ,打印两个星星，循环两次（i =2 ）
第三行（k =3),打印三个星星，循环三次（i = 3)
~~
第九行（k =9),打印九个星星，循环9次（i = 9)

由此可见，k和i咋循环的时候是相等的，所以直接在打印星星的循环上，将i<=9变成i<=k，即可表示每一行打印的星星数和行数相等，如下：

 for (k = 1; k <= 9; k++) {
        for (i = 1; i <= k; i++) {
          document.write(`★`)
        }
        document.write('<br>')
      }

得到一个三角的星星如下：

四、将星星图标转换为变量

第一行就是1x1
第二行就是 1x2 = 2 2x2 = 4
、、、、
所以将星星图标转换成(i x k =ki)

 for (k = 1; k <= 9; k++) {
        for (i = 1; i <= k; i++) {
          document.write(`${i}${k} = ${k * i}   `)
        }
        document.write('<br>')
      }

二、具体代码

三、结果演示