在js中,可以使用两个for循环来编写九九乘法表,下面小编将九九乘法表以表格形式输出为例,讲解怎样用js编写九九乘法表。
方法/步骤
1
新建一个html文件,命名为test.html,用于讲解怎样用js编写九九乘法表。
2
在test.html文件内,使用css设置九九乘法表表格table、单元格td的样式,设置table背景颜色为黑色,td单元格白色边框,数字为白色。
3和结束标签
。
在js标签内,使用write()方法输出表格table的开始标签
4和结束标签 。
在js标签内,使用for循环输出九行,每一行使用write()方法输出表格行的开始标签
5
在js标签内,在for循环内,再嵌套一个for循环,用于输出九九乘法表,内部for循环的次数由外部for循环的变量i决定。
6)和结束标签( ),同时在每个单元格内输出九九乘法表的计算方式。外部for循环决定行数,内部for循环决定列数,外部for循环中的变量i决定了内部for循环的列数。从一行一列到一行两列,依此类推,最后到一行九列,逐步把九九乘法表的计算方式输出在表格中。
在嵌套的for循环内,使用write()方法输出表格单元格的开始标签(
7
在浏览器中打开test.html文件,查看输出的九九乘法表。
下一篇:C#如何实现九九乘法表