The JavaScript switch statement can contain return statements if it is present inside a function. The function will return the value in the switch statement and the code after the switch statement will not be executed.
Following is the code to have return statements in JavaScript switch statement −
Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.result {
font-size: 20px;
font-weight: 500;
}
</style>
</head>
<body>
<h1>Return statement in JavaScript switch</h1>
Enter day 1-7<input type="text" class="day" /><button class="Btn">
CHECK
</button>
<div style="color: green;" class="result"></div>
<h3>
Click on the above button to check which day it is
</h3>
<script>
let dayVal = document.querySelector(".day");
let resEle = document.querySelector(".result");
function returnDay(val) {
switch (val) {
case 1:
return "It's monday";
case 2:
return "It's tuesday";
case 3:
return "It's wednesday";
case 4:
return "It's thursday";
case 5:
return "It's friday";
case 6:
return "It's saturday";
case 7:
return "It's sunday";
default:
return "Enter a value between 1 - 7";
}
}
document.querySelector(".Btn").addEventListener("click", () => {
resEle.innerHTML = returnDay(parseInt(dayVal.value));
});
</script>
</body>
</html>Output
The above code will produce the following output −
On entering a number between 1-7 and clicking on CHECK −
