菜鸟当然要努力飞翔啦

90 阅读1分钟

上一篇文章的链接; juejin.cn/post/720846… 我又来啦!

今天是九九乘法表的练习

<style>
      span{
        /* 将行内元素转换成行内块元素
        就可以让行内元素变成块级元素,而且可以在同一行内显示
        */
        display: inline-block;
        padding: 5px  10px;
        border:1px solid greenyellow;
        margin: 2px;
        border-radius: 5px;
        box-shadow: 2px 2px 2px rgba(48, 255, 1, 0.295);
        background-color: rgba(28, 214, 40, 0.113);
        width:100px;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <script>
  // 打印九九乘法表
  // 外层循环打印第几行
  for(let i = 1;i<=9;i++){
    // 内层循环打印第几列
    // 内层循环的个数跟第几行是一一对应的
    for(let j = 1;j<=i;j++){
    document.write(`<span>${j}*${i}=${i*j}</span>`)
    }
    document.write(`<br>`)
  }
    </script>
  </body>
  

今天学了一个新的技巧,就是敲代码就可以写代码块,噫嘻,我前面还截图,哈哈哈哈,ok,接下来学习数组喽!