Conditional Statement
Conditional Statement
• If
• If-else
• Nested else(if,else if,else)
• Switch
If statement:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript if .. else</h2>
<p id="demo"></p>
<script>
const hour = 11
let greeting;
document.getElementById("demo").innerHTML = greeting;
</script>
If -else statement:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript if .. else</h2>
<p id="demo"></p>
<script>
const hour = 11
let greeting;
} else {
document.getElementById("demo").innerHTML = greeting;
</script>
</body>
</html>
Nested statement(if,elseif,else):
<html>
<body>
<h2>JavaScript if .. else</h2>
<p id="demo"></p>
<script>
const time = 9
let greeting;
} else {
document.getElementById("demo").innerHTML = greeting;
</script>
</body>
</html>
Switch statement:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript switch</h2>
<p id="demo"></p>
<script>
let day;
case 0:
day = "Sunday";
break;
case 1:
day = "Monday";
break;
case 2:
day = "Tuesday";
break;
case 3:
day = "Wednesday";
break;
case 4:
day = "Thursday";
break;
case 5:
day = "Friday";
break;
case 6:
day = "Saturday";
</script>
</body>
</html>
Default statement:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript switch</h2>
<p id="demo"></p>
<script>
let text;
case 6:
break;
case 0:
break;
default:
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
Eg1:
<!doctype html>
<html>
<head>
<title>switch</title>
</head>
<script>
switch(fruits) {
case "Banana":
alert("Hello")
break;
case "Apple":
alert("Welcome")
break;
}
</script>
</html>
</body>