博客列表 >js 实现九九乘法表

js 实现九九乘法表

两个人的幸福的博客
两个人的幸福的博客原创
2022年03月05日 12:02:241490浏览

实例

<html>
 <head>
  <title>九九乘法表</title>
  <!--有事,有项目一起交流,q821642832 -->
 </head>
 <body>
  <style type="text/css">
   body{
    margin: 60px 0 0 60px;
   }
   .jiu{
    border: 1px solid #333;
    width: 100px;
    height: 30px;
    font: 18px/30px "courier new";
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin: 5px;
   }
  </style>
  <div id="lizhili">
   
  </div>
  

  
  <script type="text/javascript">
   var c='';
   for(var a=1;a<10;a++){
    for(var b=1;b<=a;b++){
     c+='<div class="jiu">'+a+'*'+b+'='+a*b+'</div>';
     if(a==b){
      c+='<br>';
     }
    }
   }
   
   document.getElementById("lizhili").innerHTML=c;
   
   
  </script>
 </body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


 

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议