[JS]编写九九乘法表

Web js

创建时间:2019-10-07 21:47

字数:185 阅读:

学过其他语言的应该知道初级阶段写九九乘法表，下面用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