九九乘法表

最新推荐文章于 2024-10-04 06:11:34 发布

离歌.

最新推荐文章于 2024-10-04 06:11:34 发布

阅读量77

点赞数 2

文章标签： js html

本文链接：https://blog.csdn.net/qq_52304722/article/details/119966963

版权

输出九九乘法表

<body>
    <ul></ul>
    <script>
        var ul = document.querySelector('ul');
        for (var h = 1; h <= 9; h++) {
            for (var l = 1; l <= h; l++) {
                ul.innerHTML += '<li style="width:98px;height:50px;;background:#0f0;text-align:center;line-height:50px;border:1px solid #000;position: absolute;left:' + (l - 1) * 100 + 'px;top:' + (h - 1) * 50 + 'px">' + l + ' * ' + h + ' = ' + h * l + '</li>';
            }
        }
    </script>
</body>

<script>
        for (var h = 1; h <= 9; h++) {
            for (var l = 1; l <= 9; l++) {
                if (h >= l) {
                    document.write(l + '*' + h + '=' + h * l + '&nbsp&nbsp&nbsp');
                }
            }
            document.write('<br>');
        }
    </script>

<body>
    <div></div>
    <script>
        var div = document.querySelector('div');
        var b = '';
        for (var h = 1; h <= 9; h++) {
            var a = '';
            for (var l = 1; l <= h; l++) {
                a += l + '*' + h + '=' + h * l + '&nbsp';
            }
            b += a + '<br>';
        }
        div.innerHTML = b;
    </script>
</body>

<body>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <script>
        var lis = document.querySelectorAll('li');
        for (var h = 1; h <= 9; h++) {
            var a = '';
            for (var l = 1; l <= 9; l++) {
                if (h >= l) {
                    a += l + '*' + h + '=' + h * l + '&nbsp';
                    lis[h - 1].innerHTML = a;
                }
            }
        }
    </script>
</body>