js中用for循环打印99乘法表_javascript有嵌套循环输出99乘法表-CSDN博客

本文链接：https://blog.csdn.net/qq_61236034/article/details/141927266

打印99乘法表的 JavaScript 代码示例如下。我们可以使用 for 循环构建一张乘法表，并将其打印到页面上。

示例代码

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>99乘法表</title>
    <style>
        pre {
            font-family: monospace; /* 使用等宽字体 */
        }
    </style>
</head>
<body>

<h1>99乘法表</h1>
<pre id="multiplication-table"></pre>

<script>
    function printMultiplicationTable() {
        let table = ''; // 用于存储乘法表的字符串

        for (let i = 1; i <= 9; i++) { // 外层循环控制行
            for (let j = 1; j <= i; j++) { // 内层循环控制列
                table += j + ' x ' + i + ' = ' + (j * i) + '\t'; // 拼接字符串
            }
            table += '\n'; // 每一行结束后换行
        }

        // 将乘法表显示在页面上
        document.getElementById('multiplication-table').innerText = table;
    }

    printMultiplicationTable(); // 调用函数打印乘法表
</script>

</body>
</html>

代码说明

HTML 部分：
- 创建一个 <pre> 标签，用于显示格式化的乘法表。通过设置 font-family 为 monospace，可以保证输出的格式整齐。
JavaScript 部分：
- 定义一个名为 printMultiplicationTable 的函数。
- 使用两个嵌套的 for 循环来生成乘法表：
  - 外层循环 i 从 1 到 9，代表乘法表的行。
  - 内层循环 j 从 1 到 i，代表乘法表的列，确保格式为 j x i。
- 在每一行内，使用 table += 将计算结果拼接成一个字符串格式，并用制表符（\t）分隔。
- 每完成一行后使用 table += '\n'; 换行。
- 使用 document.getElementById('multiplication-table').innerText 将最终的乘法表输出到页面。
打印乘法表：
- 调用 printMultiplicationTable 函数生成并展示乘法表。