九九乘法表

     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;
 }

最终效果图

九九乘法表

 

上一篇:DBCC 常用命令 收集


下一篇:css第四天