侧边栏壁纸
  • 累计撰写 198 篇文章
  • 累计创建 105 个标签
  • 累计收到 36 条评论

js打印九九乘法表

神兵小将
2020-07-13 / 0 评论 / 6 点赞 / 1,090 阅读 / 0 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2020-07-13,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

js打印九九乘法表(可指定样式)

<div id="table"></div>
    <style>
        ul{
            list-style: none;
        }
        li{
            height: 50px;
        }
        li span{
            display: inline-block;
            width: 90px;
            text-align: center;
            margin-left: 10px;
            padding: 10px 0;
        }
    </style>
    <script>
        let ele = document.getElementById('table');
        function table(num=9,bg='#349178',color='#fff',bor="red"){
            let str = '

';
for (let i = 1; i <= num; i++) {
str+="* ";
for (let j = 1; j <= i; j++) {
str += <span style="background:${bg};color:${color};border: 1px solid ${bor};">${i}*${j}=${i*j}</span>;
}
str += '";
ele.innerHTML +=str;
}
table();

6

评论区