Java Script 经典案例九九乘法口诀表的打印

实现思路

九九乘法口诀表分为横向打印和纵向打印，，那么就需要用到双重for循环嵌套，外层循环的作用是当这一层横向打印完毕继续打印下一行，内层循环实现横向打印。

下面来看看Javascript部分的代码

 
        let i    // 纵向循环变量
        let j    // 横向循环变量
        document.write('') // 开始表格的HTML代码
        for (i = 1; i <= 9; i++) {  // 纵向循环，从1循环到9
            document.write('') // 开始表格行的HTML代码
            for (j = 1;j <=i ; j++) {  // 横向循环，从1循环到i
                document.write('') //结束单元格的HTML代码
            }
            document.write('') //结束表格行的HTML代码
        }
        document.write('
') // 开始单元格的HTML代码
                document.write(`${i}X${j}=${i*j} `) // 在单元格中输出乘法口诀表
                document.write('
') //结束表格的HTML代码

 其中要注意的点是内层循环，内层循环（横向循环）的变量 j 一定要小于等于纵向循环 i ，因为横向的打印数是和纵向的层数是相等的，所以 j 是的值是不能超过 i 的

for (j = 1;j <=i ; j++) {  // 横向循环，从1循环到i
 
                document.write('') // 开始单元格的HTML代码
 
                document.write(`${i}X${j}=${i*j} `) // 在单元格中输出乘法口诀表
 
                document.write('') //结束单元格的HTML代码
 
            }

我比较推荐使用lable表格来包裹乘法口诀表，最为简单和简洁。最后添加css样式即可，下面附上完整代码