九九乘法表

     js 代码如下

 // 创建表格
 document.write("<table>");
// 创建九行，从第一行开始
 for (var x = 1; x <= 9; x++) {
//每循环一次创建一行
    document.write("<tr>");
// 在九行里创建1-9格
for (var y = 1; y <= x; y++) {
//创建每格，并且在里面写入乘法口诀
 document.write("<td>" + x + "*" + y + "=" + (x * y) + "</td>")
  }
    document.write("</tr>");
  }
    document.write("</table>");

目前效果图：

 为了更方便观看，还可以增加css样式

table {
     width: 800px;
     height: 400px;
/* 把表格边框显示为一条单独的边框*/
     border-collapse: collapse;
 }
        
td {
    border: 2px solid darkblue;
     text-align: center;
 }

最终效果图

 

标签：九九乘法,collapse,write,var,九行,document,border
来源： https://blog.csdn.net/Sx081/article/details/120588608