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

最新推荐文章于 2024-07-22 11:29:06 发布

掌舵的船手

最新推荐文章于 2024-07-22 11:29:06 发布

阅读量509

点赞数

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

本文链接：https://blog.youkuaiyun.com/liuhebahuang/article/details/107884840

版权

基础类专栏收录该内容

10 篇文章

订阅专栏

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