JavaScript实现九九乘法表

最新推荐文章于 2024-09-02 07:00:00 发布

我在大润发杀了十年鱼心比刀还冷

最新推荐文章于 2024-09-02 07:00:00 发布

阅读量78

点赞数

文章标签： html5 javascript css

本文链接：https://blog.csdn.net/qq_59464310/article/details/132085092

版权

本文展示了如何使用HTML和JavaScript编写代码，实现在网页上动态生成九九乘法表，通过嵌入循环结构，为初学者演示了基础的前端编程技术应用。

摘要由CSDN通过智能技术生成

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>九九乘法表</title>
    <style>
        span {
            display: inline-block;
            border: 1px solid black;
            border-collapse: collapse;
            padding: 5px 10px;
            margin: 2px 0px;
        }
    </style>
</head>

<body>
    <script>
        for (let i = 1; i <= 9; i++) {
            for (let j = 1; j <= i; j++) {
                document.write(`
                <span>${j}×${i}=${j * i}</span>
                `)
            }
            document.write('<br>')
        }
    </script>
</body>

</html>