css样式:
*{
margin: 0;
padding: 0;
}
div{
margin-left: 20px;
}
span{
width: 80px;
height: 30px;
font-size: 10px;
color: green;
background: pink;
text-align: center;
line-height: 30px;
display: inline-block;
border: 1px solid #000;
}
JavaScript部分:
正常的 99乘法表 外层循环变量 是 1 - 9 的循环
for( var hang = 1 ; hang <= 9; hang ++){
document.write('<div>');
for(var lie = 1 ; lie <= hang ; lie++){
document.write('<span>');
document.write(`${lie} * ${hang} = ${lie * hang}`);
document.write('</span>');
}
document.write('</div>');
}
倒序的 99乘法表 外层循环变量 是 9 - 1 的循环
for( var hang = 9 ; hang >= 1; hang --){
document.write('<div>');
for(var lie = 1 ; lie <= hang ; lie++){
document.write('<span>');
document.write(`${lie} * ${hang} = ${lie * hang}`);
document.write('</span>');
}
document.write('</div>');
}
展现内容: