九九乘法表js版
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
span {
/* 把span转为行内块,不然没办法并行显示,也可以用别的行内元素 */
display: inline-block;
width: 100px;
height: 35px;
line-height: 35px;
background-color: red;
text-align: center;
}
</style>
</head>
<body>
<script>
//外面的循环是控制循环行数 因为只有9行所以x小于10,当然也可以小于等于9
for (let x = 1; x < 10; x++) {
//里面的循环是控制每行的个数
for (let y = 1; y <= x; y++) {
//这里每次每行循环的时候输出对应的等式
document.write(`<span>${y}x${x} = ${x * y}</span>`)
}
document.write(`<br>`)
}
</script>
</body>
</html>