[JS]编写九九乘法表

学过其他语言的应该知道初级阶段写九九乘法表,下面用JavaScript实现。

代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="table.css">
</head>
<body>
    <script type="text/javascript">
        /*
        练习:在页面显示一个99乘法表
        */
        document.write("<table>");
        for(var i = 1;i <= 9;i++){
            document.write("<tr>");
            for(var j = 1;j <= i;j++){
                document.write("<td>"+j+"*"+i+"="+j*i+"</td>");
            }
            document.write("</tr>");
        }
        document.write("</table>");
    </script>
</body>
</html>

为了让显示得好看些,导入css,增加了边框效果。

代码如下

table ,table td{
    border: solid #1690EE 1px;
    width: 600px;
}

效果如图

爱生活爱语录


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 xiaoxin1218@qq.com

文章标题:[JS]编写九九乘法表

文章字数:185

本文作者:周信

发布时间:2019-10-07, 21:47:25

最后更新:2023-05-03, 10:25:35

原始链接:http://zx21.xyz/2019/10/07/JS-编写九九乘法表/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

可为我打赏鼓励~