九九乘法表-for嵌套循环-摸鱼必备Day2

熬夜肝代码de吗喽

已于 2024-08-29 17:45:37 修改

阅读量25

点赞数 1

文章标签： java 前端 javascript

于 2024-08-29 17:45:16 首次发布

本文链接：https://blog.csdn.net/wzl0504/article/details/141684464

版权

For嵌套循环的使用：(*特别注意变量要分别使用${}才可以生效)

1.嵌套循环写出结构：（num的声明可以直接省掉，直接渲染$ { i*j } 即可）

for (i = 1; i <= 9; i++) {
            for (j = 1; j <= i; j++) {
                let num = i * j
                document.write(`<span>${j} x ${i} = ${num}</span >`)
            }
            document.write('<br>')
        }

2.调整span样式：

<style>
        span {
            display: inline-block;
            width: 90px;
            height: 30px;
            border: 1px solid #999;
            padding-left: 10px;
            line-height: 30px;
            box-shadow: 2px 2px 2px rgba(210, 210, 210, 0.8);
            margin: 2px;
        }
    </style>

最终效果如下：