Skip to content

Commit c24e882

Browse files
Pankaj-StrPankaj-Str
authored
Add files via upload
1 parent ff6aed7 commit c24e882

3 files changed

Lines changed: 69 additions & 0 deletions

File tree

‎Example/Loop/Example_forLoop/index.html‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
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+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
8+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
9+
<link rel="stylesheet" href="style.css">
10+
<script src="loop.js"></script>
11+
</head>
12+
<body>
13+
14+
<div class="container mt-5">
15+
<div class="row justify-content-center ">
16+
<div class="col-sm-6">
17+
<div class="card shadow-lg border">
18+
<div class="m-2 ">
19+
<input type="text" class="form-control" id="start_no" placeholder="Enter Start Number">
20+
</div>
21+
<div class="m-2">
22+
<input type="text" class="form-control " id="end_no" placeholder="Enter End Number">
23+
</div>
24+
<div class="m-2">
25+
<button class="btn btn-primary" onclick="print_data();">Print</button>
26+
</div>
27+
28+
</div>
29+
</div>
30+
</div>
31+
</div>
32+
33+
<div class="container">
34+
<ul id="box">
35+
36+
</ul>
37+
</div>
38+
39+
</body>
40+
</html>

‎Example/Loop/Example_forLoop/loop.js‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
function print_data(){
2+
3+
start_no = document.getElementById("start_no").value;
4+
end_no = document.getElementById("end_no").value;
5+
6+
7+
print_result = document.getElementById("box");
8+
9+
for(let i = start_no ; i <= end_no ; i++){
10+
print_result.innerHTML += "<li>"+i+"</li>";
11+
}
12+
13+
}

‎Example/Loop/Example_forLoop/style.css‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
ul{
2+
list-style: none;
3+
}
4+
5+
li{
6+
border: solid 1px black;
7+
background-color: aqua;
8+
height: 80px;
9+
width: 80px;
10+
border-radius: 50px;
11+
text-align: center;
12+
font-size: 40px;
13+
padding-top: 5px;
14+
float: left;
15+
margin: 10px;
16+
}

0 commit comments

Comments
 (0)