利用JavaScript和css设计九九乘法表

利用for循环表述九九乘法表，但做出来的表格是按钮的模式，点击（例如1x1=1点击这个按钮后答案可以显示或隐藏），在表格后面有显示和清除的按钮可以控制整个九九乘法表(T ^ T)

<script language="JavaScript">
     //九九乘法表
     //行      
     for(var i=1;i<=9;i++){
        // 列     
         for(var j=1;j<=i;j++){
         	
         	if(j<=i){             		
         		document.write( "<div >");
         		document.write(i+"*"+j+"="+i*j);             		
         		document.write("</div>");
         	}    
         }  
     
     document.write("<br/><br/>");
}
    

</script>

<style type="text/css">
    
  div{
    background: #ADD8E6;
    border: solid 1px #AAC9CE;
    color: #B6B4C2;      
    width: 100px;
    float: left;
    text-align: center;
    border-radius: 5px;
    margin: 3px;
    }
    
</style>

结果添加容器，显示隐藏容器就行了

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632