JavaScript基础之for循环打印9x9乘法表

最新推荐文章于 2024-09-05 11:52:41 发布

＿uyang

最新推荐文章于 2024-09-05 11:52:41 发布

阅读量707

点赞数 4

分类专栏： JavaSript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_53593492/article/details/130265398

版权

JavaSript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

这段JS代码生成了一个9x9的乘法表，利用嵌套循环展示乘法运算的结果，而CSS部分则设置了每个乘法单元格的样式，包括居中对齐，边框以及行间距，使得输出更加整洁美观。

摘要由CSDN通过智能技术生成

JS代码

   for(let i=1;i<=9;i++) {   //9x9乘法表
        for(let j=1;j<=i;j++){
            document.write(`<span>${i}x${j}=${i*j}</span>`)
        }
        document.write("<br>")  //外层循环完一轮换行
    }

CSS代码

  span{
        text-align: center;
        line-height: 40px;  /* 设置文字居中 */
        display: inline-block;
        margin: 2px;
        width: 70px;
        height: 40px;
        border: black solid;
    }

运行效果