Computer >> Máy Tính >  >> Lập trình >> Javascript

Giải thích các khối mã phổ biến trong câu lệnh chuyển đổi JavaScript?

Sau đây là đoạn mã để triển khai các khối mã phổ biến 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>JavaScript Switch statement</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");
   document.querySelector(".Btn").addEventListener("click", () => {
      switch (parseInt(dayVal.value)) {
      case 1:
         resEle.innerHTML = "It's monday";
         break;
      case 2:
         resEle.innerHTML = "It's tuesday";
         break;
      case 3:
         resEle.innerHTML = "It's wednesday";
         break;
      case 4:
         resEle.innerHTML = "It's thursday";
         break;
      case 5:
         resEle.innerHTML = "It's friday";
         break;
      case 6:
         resEle.innerHTML = "It's saturday";
         break;
      case 7:
         resEle.innerHTML = "It's sunday";
         break;
      default:
         resEle.innerHTML = "Enter a value between 1 - 7";
         break;
   }
});
</script>
</body>
</html>

Đầu ra

Đoạn mã trên sẽ tạo ra kết quả sau -

Giải thích các khối mã phổ biến trong câu lệnh chuyển đổi JavaScript?

Khi nhập một số từ 1-7 và nhấp vào KIỂM TRA -

Giải thích các khối mã phổ biến trong câu lệnh chuyển đổi JavaScript?