天天看点

for循环输出九九乘法表 右上两种法

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
 </head>
 <style type="text/css">
  div{
   border: 1px solid red;
   margin: 5px;
   padding: 3px;
   display: inline-block;
   width: 56.13px;
   height: 29.33;
   background-color: khaki;
  }
  span{
   border: 0px ;
   margin: 5px;
   padding: 3px;
   display: inline-block;
   width: 56.13px;
   height: 29.33;
  }
 </style>
 <body>
  <script type="text/javascript">
   document.write("<table>");
   for (var i = 9; i >0; i--) {
   document.write("<tr>");
   for (var a = 1; a<10-i; a++) {
   document.write("<td> </td >");
   }
   for (var j = i; j>0; j--) {
   document.write("<td>"+i+"*"+j+"="+i*j+"</td >");
   }
   document.write("</tr>");
   }
   document.write("</table>");
   
   
   
   
   for(var i=9;i>0;i--){
    for(var x=1;x<10-i;x++){
     document.write("<span>&nbsp;</span>");
    }
    for(var y=i;y>0;y--){
     document.write("<div>"+y+"x"+i+"="+y*i+"</div>");
    }document.write("<br>")
    
    
   }
  </script>
 </body>
</html>