Skip to content

Commit 3ac9b43

Browse files
committed
update loop example
1 parent c2df0b1 commit 3ac9b43

File tree

2 files changed

+75
-0
lines changed

2 files changed

+75
-0
lines changed
Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Document</title>
7+
<style>
8+
9+
ul{
10+
list-style: none;
11+
}
12+
li{
13+
border: solid 1px black;
14+
border-radius: 40px;
15+
background-color: aqua;
16+
float: left;
17+
padding: 15px;
18+
margin: 5px;
19+
}
20+
21+
</style>
22+
23+
<script>
24+
25+
function get_result(){
26+
27+
for(i=0;i<=500;i++){
28+
29+
document.getElementById("print_box").innerHTML += "<li>"+i+"</li>";
30+
31+
32+
}
33+
34+
35+
36+
}
37+
38+
</script>
39+
40+
41+
42+
</head>
43+
<body>
44+
45+
<button onclick="get_result()">Get Result</button>
46+
47+
<ul id="print_box">
48+
49+
</ul>
50+
51+
</body>
52+
</html>
Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Document</title>
7+
8+
<script>
9+
10+
// loop
11+
12+
for(i=0;i<=10;i++){
13+
document.write(i,"<br>")
14+
}
15+
16+
17+
</script>
18+
19+
</head>
20+
<body>
21+
22+
</body>
23+
</html>

0 commit comments

Comments
 (0)