Skip to content

Commit 00d8d25

Browse files
Pankaj-StrPankaj-Str
committed
Add if_else.html with user input for number comparison and result display
1 parent e591a11 commit 00d8d25

File tree

1 file changed

+75
-0
lines changed

1 file changed

+75
-0
lines changed

‎Example/01 Lecture_Example/Basic/if_else.html‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
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.6/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
8+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js" integrity="sha384-j1CDi7MgGQ12Z7Qab0qlWQ/Qqz24Gc6BM0thvEMVjHnfYGF0rmFCozFSxQBxwHKO" crossorigin="anonymous"></script>
9+
10+
<script>
11+
12+
function get_result(){
13+
Number1 = document.getElementById("number1").value;
14+
Number2 = document.getElementById("number2").value;
15+
16+
// convert to number
17+
Number1 = parseInt(Number1);
18+
Number2 = parseInt(Number2);
19+
20+
if(Number1 > Number2){
21+
document.getElementById("result").innerHTML = "greater - "+Number1;
22+
}else{
23+
document.getElementById("result").innerHTML = "greater - "+Number2;
24+
}
25+
}
26+
27+
</script>
28+
</head>
29+
<body>
30+
31+
32+
<div class="container m-5">
33+
34+
<div class="row justify-content-center">
35+
<div class="col-sm-6 p-3">
36+
<div class="card shadow-lg border-1 border-danger">
37+
<div class="m-2">
38+
<label class="form-label">Number1 </label>
39+
<input type="text" class="form-control" id="number1">
40+
</div>
41+
<div class="m-2">
42+
<label class="form-label">Number2 </label>
43+
<input type="text" class="form-control" id="number2">
44+
</div>
45+
<div class="m-2">
46+
<button class="btn btn-primary" onclick="get_result()">Check</button>
47+
</div>
48+
</div>
49+
</div>
50+
</div>
51+
52+
53+
54+
</div>
55+
56+
<div class="container m-5">
57+
58+
<div class="row justify-content-center">
59+
<div class="col-sm-6 p-3">
60+
<div class="card shadow-lg border-1 border-danger">
61+
<div class="m-2">
62+
<label class="form-label">Result </label>
63+
<div class="alert alert-danger" role="alert">
64+
<h3>Result : <span id="result"></span></h3>
65+
</div>
66+
</div>
67+
</div>
68+
</div>
69+
</div>
70+
</div>
71+
72+
73+
74+
</body>
75+
</html>

0 commit comments

Comments
 (0)