前端js代码写九九乘法表

最新推荐文章于 2023-07-20 21:11:15 发布

前端小王同学

最新推荐文章于 2023-07-20 21:11:15 发布

阅读量763

点赞数 1

文章标签： html5 javascript html

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

版权

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>