用js实现一个九九乘法口诀表

在前端开发中，你可以使用JavaScript来生成一个九九乘法口诀表。以下是一个简单的示例，它使用嵌套的for循环来创建口诀

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>九九乘法口诀表</title>
    <style>
        table {
            border-collapse: collapse;
        }
        td {
            border: 1px solid black;
            padding: 5px;
            text-align: center;
        }
    </style>
</head>
<body>
    <table id="multiplicationTable"></table>

    <script>
        // 获取用于显示口诀表的table元素
        const table = document.getElementById('multiplicationTable');

        // 使用嵌套的for循环来生成口诀表
        for (let i = 1; i <= 9; i++) {
            // 为每一行创建一个新的tr元素
            const row = document.createElement('tr');
            for (let j = 1; j <= i; j++) {
                // 为每一个乘法表达式创建一个新的td元素，并设置其文本内容
                const cell = document.createElement('td');
                cell.textContent = `${j} * ${i} = ${j * i}`;
                // 将td元素添加到当前的tr元素中
                row.appendChild(cell);
            }
            // 将完成的tr元素添加到table元素中
            table.appendChild(row);
        }
    </script>
</body>
</html>

并为其设置了一个ID（multiplicationTable），以便我们可以在JavaScript中引用它。然后，我们使用两个嵌套的for循环来生成口诀表。外部循环控制行数（从1到9），而内部循环控制每行中的列数（从1到当前行数）。对于每个乘法表达式，我们创建一个新的<td>元素，设置其文本内容，然后将其添加到当前的<tr>元素中。