Switch Case in Java Script
In web design, switch statements in JavaScript can be used to create dynamic interactions on a webpage based on user input or other events.
Example
<!DOCTYPE html>
<html>
<head>
<title>Switch Case Example</title>
</head>
<body>
<h1>Switch Case Example</h1>
<p>Select an option from the dropdown menu:</p>
<select id="myDropdown" onchange="displayMessage()">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
<div id="message"></div>
<script>
function displayMessage() {
var dropdownValue = document.getElementById("myDropdown").value;
var message = document.getElementById("message");
switch(dropdownValue) {
case "option1":
message.innerHTML = "You selected Option 1.";
break;
case "option2":
message.innerHTML = "You selected Option 2.";
break;
case "option3":
message.innerHTML = "You selected Option 3.";
break;
default:
message.innerHTML = "Please select an option.";
}
}
</script>
</body>
</html>