:::info 需求:将九九乘法表打印在页面 :::

代码

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>Document</title>
  9.     <style>
  10.         div {
  11.             display: inline-block;
  12.             width: 120px;
  13.             text-align: center;
  14.             border: 1px solid #000;
  15.         }
  16.     </style>
  17. </head>
  19. <body>
  20.     <script>
  21.         for (let row = 1; row <= 9; row++) { //行
  22.             for (let col = 1; col <= row; col++) {
  23.                 document.write(`<div> ${col} × ${row}= ${row*col}</div>`)
  24.             }
  25.             document.write('<br>')
  26.         }
  27.     </script>
  28. </body>
  30. </html>

效果

image.png