JS实现九九乘法表

Posted 2020-08-22

tags:

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

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 2 <html>
 3  <head>
 4   <title> 九九乘法表 </title>
 5   <meta charset="UTF-8">
 6   <script type="text/javascript">
 7   
 8           var str = ‘<table width="600" align="center" border="1" rules="all">‘ ;
 9           for (var i=1;i<=9; i++){
10   
11                str +=‘<tr>‘;
12   
13                   for (var j=1;j<=i ;j++ ){
14   
15                        str +=‘<td>‘+j+‘&times‘+i+‘=‘+(i*j)+‘</td>‘;
16                   }
17                str +=‘</tr>‘;
18           }
19            str += ‘</table>‘ ;
20            document.write(str);
21 </script>
22  </head>
23 
24  <body>
25   
26  </body>
27 </html>

View Code

效果图: 技术分享

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

（js）使用for循环实现九九乘法表数字颜色不同

Js不用for，forEach，map等循环实现九九乘法表