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>

<!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' > ");
            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>")
                j = i + 1;
                i = 1;
            } else {
                i++;
            }

            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>