JS实现99乘法表

版权声明:本文为博主前端基础文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>99乘法表</title>
<style>
#box span{
display: inline-block;
line-height: 40px;
text-align: center;
height:40px;
width:100px;
border: 1px solid black ;
}
</style>
</head>
<body>
<dvi id="box"></dvi>
<script>
let num = 9;
let str= "" ;
let box = document.getElementById("box");
for(var i = 0 ; i < num; i++)
{
for(var j = 0 ; j <= i ; j++)
{
str += `<span>${(j+1)}x${(i+1)}=${(i+1)*(j+1)}</span>`;
}
str += "<br>";
}
box.innerHTML = str;
</script>
</body>
</html>

在这里插入图片描述