【Web】JavaScript实现九九乘法表格

最新推荐文章于 2024-05-16 19:01:40 发布

程序员史迪仔

最新推荐文章于 2024-05-16 19:01:40 发布

阅读量5.1k

点赞数 3

分类专栏： Web

本文链接：https://blog.csdn.net/weixin_44668898/article/details/107432192

版权

Web 专栏收录该内容

5 篇文章 2 订阅

订阅专栏

今天才认识到 JavaScript 很强大，它是一门直接操作客户端的语言。下面用JavaScript 实现直接向网页输出九九乘法表格。

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>九九乘法表</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(i + "*" + j + "=" + (i*j) + "&nbsp;&nbsp;&nbsp;&nbsp;");
                document.write("</td>");
            }
            document.write("</tr>");
            document.write("<br>");

        }
        document.write("</table>");
    </script>
</head>
<body>

</body>
</html>

运行效果：

在这里插入图片描述

程序员史迪仔

关注

3
点赞
踩
22

收藏

觉得还不错? 一键收藏
0
评论
【Web】JavaScript实现九九乘法表格

今天才认识到 JavaScript 很强大，它是一门直接操作客户端的语言。下面用JavaScript 实现直接向网页输出九九乘法表格。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>九九乘法表</title> <style> td { border: 1.
复制链接

扫一扫