网站首页前端文档正文

前端js代码写九九乘法表

作者：我是小菜菜啊更新时间： 2022-01-05 前端文档

css样式

<style>
    span {
        display: inline-block;
        width: 100px;
        padding: 0 3px;
    }
</style>

html结构

<body>
    <div class="box">
        
    </div>
</body>

js逻辑代码

<script>
    let box = document.querySelector('.box');
    let str = '';

    for(let i=1; i<10; i++){
        for(let j=1; j<=i; j++){
            str += `<span>${j} * ${i} = ${i*j}</span>`
        }
        str += '<br/>'
    }

    box.innerHTML = str
</script>

原文链接：https://blog.csdn.net/w319502537/article/details/122111951

上一篇：js jquery scrollTop 指定位置
下一篇：js逻辑操作符 -- | | 与 ? ?

网站首页 前端文档 正文

前端js代码写九九乘法表

相关推荐

网站首页前端文档正文