纯JS实现九九乘法表

为了熟悉JS循环语句,写了一个九九乘法表,仅供参考:


深度截图20170707113911.png

如果您有更好的想法,欢迎交流……一只正在飞起的前段小菜鸟~~

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>九九乘法表</title>
<script>
  /*
  第一行:1×1=1
  第二行:2×1=2     2×2=4
  第三行:3×1=3     3×2=6      3×3=9
………列数随着行数的改变而改变…… 
  */ 
 document.write("<h1>九九乘法表</h1>");
  document.write("<table border='2px' width='900px'>");
    for(var i=1;i<=9;i++){ //用i表示行数
         document.write("<tr>");
        //document.write(i);
          for(var j=1;j<=i;j++){ //用j表示列数,列数随着行数改变而改变
                document.write("<td align='center'>");
                //document.write(j);
                   document.write(i+"×"+j+"="+i*j);
                document.write("</td>");
                }  
          document.write("</tr>");
        }
document.write("</table>")
</script>
</head>
<body>
</body>
</html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容