Javascript switch และ break

by JUICE19:290 Comments

คำสั่ง Switch
- เป็นการเปรียบเทียบค่า เพื่อเลือกดำเนินการตามทางเลือก
จากหลายๆ ทาง จะคล้ายๆกับคำสั่ง IF แต่มีความสับซ้อนน้อยกว่า ^^

เอาล่ะเรามาดูตัวอย่างการใช้ switch กัน


<html>
 <head>
  <title> step-juice.blogspot.com switch และ break  </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="JavaScript">
 function show()
 {
  var m = document.getElementById("m").value;
  var objDiv = document.getElementById("divShow");
  switch(m)
  {
   case "มกราคม":
   case "มีนาคม":
   case "พฤษภาคม":
   case "กรกฏาคม":
   case "สิงหาคม":
   case "ตุลาคม":
   case "ธันวาคม":
    objDiv.innerHTML = "เดือนนี้มี 31 วันจ้า";
   break;

   case "เมษายน":
   case "มิถุนายน":
   case "กันยายน":
   case "พฤศจิกายน":
    objDiv.innerHTML = "เดือนนี้มี 30 วันจ้า";
   break;
  }
 }
</script>
 </head>
 <body>
  เดือน <input type="text" name="m" id="m"><input type="button" value="ตกลง" onclick="show()">
  <div id="divShow"></div>
 </body>
</html>

ผลลัพธ์ของโปรแกรม

เอาไว้ผมจะมาอธิบายโปรแกรมให้ฟังทีหลังนะครับ

ลองเอาไปคิดดูเล่นๆ นะครับ ว่าถ้าเขียนโปรแกรมลักษณะนี้
ในรูปแบบ if จะยุ่งยากและซับซ้อนแค่ไหน ลองนำ code ไปใช้งานดูนะค๊าบ
แล้วพบกันใหม่ :)

0 ความคิดเห็น