JavaScript实现九九乘法表

最新推荐文章于 2024-05-20 09:24:37 发布

天-方-夜-谭

最新推荐文章于 2024-05-20 09:24:37 发布

阅读量444

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js html css

本文链接：https://blog.csdn.net/jb18602754485/article/details/115286839

js 专栏收录该内容

5 篇文章

订阅专栏

这篇博客展示了如何利用JavaScript代码生成九九乘法表。通过双重循环，动态创建HTML表格并填充乘法表的内容，实现了从1到9的所有整数的乘积展示。页面布局简洁，代码清晰，适合初学者理解JavaScript操作DOM的技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript实现九九乘法表
实现代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>99乘法表</title>
    <style>
        td{
            border: 1px solid;
        }
    </style>
    <script>
        document.write("<table align='center'>");
        for (var i = 1; i <= 9; i++) {
            document.write("<tr>");
            for (var j = 1; j <= i; j++) {
                document.write("<td>");
                document.write(j + "*" + i + "=" + (i * j) + "&nbsp;&nbsp;&nbsp");
                document.write("</td>");
            }
            document.write("</tr>");
        }
        document.write("</table>");
    </script>
</head>
<body>
</body>
</html>