JavaScript实现九九乘法表展示

发表于2023/6/6 01:34
1111浏览
0评论
8分钟阅读

本文介绍了如何使用JavaScript在页面上输出九九乘法表，同时给出了完整的代码实现。读者通过本文可以学习到JavaScript的基本语法和嵌入到HTML文件中的方法，加深对JavaScript的理解。

九九乘法表效果图

JavaScript实现九九乘法表展示

完整代码

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>六思逸</title>
    </head>
    <body>
        <script>
            //  在页面输出99乘法表
            //
            for (let row = 1; row <= 9; row++) {
                for (let col = 1; col <= row; col++) {
                    // 列 * 行 = 积
                    document.write(`${col} * ${row} = ${col * row}&emsp;`);
                }
                document.write("<br />");
            }
        </script>
    </body>
</html>

扫描二维码，在手机上阅读