javascrip練習——99乘法表

簡單的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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章