javascrip练习——99乘法表

最新推荐文章于 2022-03-13 17:21:21 发布

zsr1860

最新推荐文章于 2022-03-13 17:21:21 发布

阅读量339

点赞数

分类专栏： javascript 文章标签：循环 JavaScript for循环

本文链接：https://blog.csdn.net/zsr1860/article/details/77049630

版权

javascript 专栏收录该内容

51 篇文章 1 订阅

订阅专栏

简单的for循环练习，老司机请绕行。

知识点：for循环

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>99乘法表</title>
    <style>
        * { padding: 0; margin: 0; }
        html { width: 100%; height: 100%; background: #242424; font-family: 'Arial'; }
        body { width: 100%; height: 100%; }
        #m_table { color: #fff; font-size: 20px; }
    </style>
</head>

<body>
    <div id="m_table"></div>
    <script>
        var m_table = document.getElementById('m_table');
        var html = '';
        for (var i = 1; i <= 9; i++) {
            for (var j = 1; j <= i; j++) {
                html += j + " x " + i + " = " + j * i + " &nbsp;";
            }
            html += "</br>";
        }
        m_table.innerHTML = html;
    </script>
</body>

</html>