美文网首页程序员
纯JS实现九九乘法表

纯JS实现九九乘法表

作者: Mr_Young | 来源:发表于2017-07-07 12:01 被阅读0次

为了熟悉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>

相关文章

网友评论

    本文标题:纯JS实现九九乘法表

    本文链接:https://www.haomeiwen.com/subject/yvulhxtx.html