用html编写一个可以打印乘法表的程序，输入要打印的阶数，程序可以根据输入的数字打印对应阶数的乘法表

发布网友发布时间：2022-05-16 09:48

共1个回答

热心网友时间：2023-10-18 18:53

<!DOCTYPE html>
<html>
<head>
  <title>乘法表</title>
  <meta charset="UTF-8"/>
  <style>
   table{
    border-collapse:collapse;
   }
   td{
    text-align:center;
    border:1px solid green;
    padding:2px 8px;
   }
  </style>
  <script>
   function mulTable(){
    var text=document.getElementById("text");
    var n=parseInt(text.value);
    if(isNaN(n)){
     alert("请输入0-9的数字");
     return;
    }
    if(n<1||n>9){
     alert("请输入0-9");
     return;
    }
    var table=document.getElementById("table");
    table.innerHTML="";
    var i,j,tr,td;
    for(i=1;i<=n;i++){
     tr=document.createElement("tr");
     table.appendChild(tr);
     for(j=1;j<=n;j++){
      td=document.createElement("td");
      tr.appendChild(td);
      td.innerHTML=j+"*"+i+"="+(i*j);
      if(i==j){
       break;
      }
     }
    }
   }
  </script>
</head>
<body>
  <label>请输入阶数</label>
  <input id="text" type="text">
  <button type="button" onclick="mulTable()">打印乘法表</button>
  <table id="table"></table>
</body>
</html>