javascript实现九九乘法表

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript实现九九乘法表相关的知识,希望对你有一定的参考价值。

CSS代码部分:

1 <style type="text/css">
2     table {
3     width: 800px;
4     height: 300px;
5     border-collapse: collapse;
6 }
7 td{border:1px solid red;}
8     </style>

JS代码部分:

 

 1 <script tjpe="teit/javascript">
 2     document.write("<table>");
 3     var str = "js九九乘法表";
 4     document.write("<h1>" + str + "</h1>");
 5     for ( var i = 1; i <= 9; i++) {
 6         document.write("<tr>");
 7         for ( var j = 1; j <= i; j++) {
 8             document.write("<td>" + i + "*" + j + "=" + (i * j) + "</td>");
 9         }
10         document.write("</tr>");
11     }
12     document.write("</table>");
13    </script>

 

以上是关于javascript实现九九乘法表的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript实现九九乘法表四种方法

JavaScript用for循环实现九九乘法表

JavaScript如何做九九乘法表?

javascript九九乘法口诀表多种实现

javascript九九乘法口诀表多种实现

JavaScript-DOM(九九乘法表)——两种算法