JavaScript打印九九乘法表

最新推荐文章于 2023-09-12 22:03:09 发布

原创最新推荐文章于 2023-09-12 22:03:09 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

Java 专栏收录该内容

65 篇文章

订阅专栏

结果展示

在这里插入图片描述

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
         td{
             border: 1px solid;
         }
    </style>
</head>

<body>
  <script>
      document.write("<table  align='center'> ");
     for (var i=1;i<=9;i++){
         document.write("<tr>");
         for (var j=1;j<=i;j++){
             document.write("<td>")
             document.write(i+"*"+j+"="+i*j+"&nbsp;&nbsp;&nbsp;");
             document.write("</td>");
         }
         document.write("<br>")
  document.write("</tr>");
     }
       document.write("</table>")
  </script>
</body>
</html>

思路分析

1.先打印不带空格的九九乘法表；
2.在外围包上一个< table >,每个i是一行，每个j是一列；
3.CSS修改边框；

<style>
         td{
             border: 1px solid;
         }
    </style>