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

最新推荐文章于 2023-09-09 19:56:40 发布

掌舵的船手

最新推荐文章于 2023-09-09 19:56:40 发布

阅读量914

点赞数

分类专栏：基础类文章标签： html js css

本文链接：https://blog.csdn.net/liuhebahuang/article/details/107884876

版权

基础类专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!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>