<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>九九乘法表</title>
</head>
<body>
<input type="number" id="userinput">
<input type="button" id="queR" value="确认">
<table border="1"></table>
<script>
function off(num=9){//创建一个函数
for(let i=1;i<=num;i++){
let tr=document.createElement("tr");//创建tr;
for(let j=1;j<=i;j++){
let td=document.createElement("td")//创建td
td.innerHTML+=`${i}*${j}=${i*j} `;//把i*j=ij的过程赋值给td里面
tr.appendChild(td);//把td添加到tr里面
}
document.querySelector("table").appendChild(tr);//找到table把tr添加到table里面
}
}
queR.onclick=function(){//点击quer的时候里都为空值，在重新赋值；
document.querySelector("table").innerHTML="";
off(userinput.value-0);
}
</script>
</body> </html>