Câu lệnh switch JavaScript có thể chứa các câu lệnh trả về nếu nó hiện diện bên trong một hàm. Hàm sẽ trả về giá trị trong câu lệnh switch và mã sau câu lệnh switch sẽ không được thực thi.
Sau đây là đoạn mã để có các câu lệnh trả về trong câu lệnh chuyển đổi JavaScript -
Ví dụ
<!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> Đầu ra
Đoạn mã trên sẽ tạo ra kết quả sau -
Khi nhập một số từ 1-7 và nhấp vào KIỂM TRA -
