【JavaScript】打印九九乘法表

最新推荐文章于 2024-07-11 20:52:38 发布

BIG_LEE_SHOW

最新推荐文章于 2024-07-11 20:52:38 发布

阅读量3.3k

点赞数 4

分类专栏： JavaScript 文章标签：九九乘法表 99乘法表 JS乘法表

本文链接：https://blog.csdn.net/BIG_LEE_SHOW/article/details/79537318

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

步骤

1.先循环，将整个乘法表拼了出来

2.将乘法表套入一个table里

3.简单的给table加点样式

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>JS打印九九乘法表</title>
    <style media="screen">
      /* 简单给整个table加点样式 */
      table{
        border-collapse: collapse;
      }
      table tr{
        border: 1px solid #666;
      }
      table tr th{
        border: 1px solid #666;
        color: #999;
        padding:10px;
      }
    </style>
  </head>
  <body>
    <script type="text/javascript">
    // 创建table
    document.write("<table>");
      // 打印九九乘法表
      for(var x = 1;x <= 9;x++){
        // 创建tr
        document.write("<tr>");
        for(var y = 1;y <= x;y++){
          // 公式里创建th
          document.write('<th>' + x + '*' + y + '=' + (x * y) + '</th>')
        }
        // 闭合tr
        document.write("</tr>");
      }
    // 闭合table
    document.write("</table>")
    </script>
  </body>
</html>