qimujun
迷途的启木菌
采纳率90.5%
2020-04-21 17:42

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>

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

1条回答

  • sinat_35815559 巡山小妖008 1年前
    <!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>
    
    
    
    点赞 1 评论 复制链接分享

为你推荐