JavaScript打印舅舅乘法表无法显示

实验要求:

1、使用JavaScript计时器打印出九九乘法表;

2、网页中有一个按钮,点击之后开始输出九九乘法表;

3、所有九九乘法表输出到一个table中;

4、表格的边框需要使用CSS进行合并;

5、在所有式子输出完毕之后,将表格中的单元格背景改为红色。

我的代码按照老师的那个来的,但是却无法显示,初学者,望大佬指教,谢谢!

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>九九乘法表</title>
        <script type="text/javascript">
            var i=1,j=1;
            function table9(){
                /*如果成立则执行下一行,定义表格*/
                i==1&&document.write("<table style='border;1px solid green;border-collapse"></table>");
                j==1&&document.write("</tr>");
                document.write("<td style='border;1px solid'>"+i+"*"+j+"="+i*j+"</td>");
                if(i==j)/*i=j的时候换行*/
                    document.write("</tr>");
                    i++;
                    j++;
                }
                else{
                    j++;
                }
                if(i==10){
                    document.write("</table>")
                    document.write("<style>td{background-color: red;}</style>")/*清除后变为红色*/
                    clearInterval(timer);
                }
            }
            var timer=setInterval(table9,100);
        </script>
    </head>
    <body> 
    <div id="content"></div>
    </body>
</html>

查看全部
qimujun
迷途的启木菌
2020/04/21 17:42
  • javascript
  • 点赞
  • 收藏
  • 回答
    私信
满意答案
查看全部

1个回复