If/Else (Conditions)

Conditions (เงื่อนไข) ใช้ในการตัดสินใจที่มีความแตกต่าง โดย Conditions ประกอบด้วย

  • if ระบุบล็อกของโค้ดที่ต้องการให้ทำงานเมื่อเงื่อนไขเป็นจริง
  • else หากเงื่อนไขของ if เป็นเท็จจะทำงานที่ส่วน else แทน
  • else if เป็นเงื่อนไขใหม่หากเงื่อนไขก่อนหน้าเป็นเท็จ
  • switch เพื่อระบุบล๊อกอื่นๆของโค้ดที่ต้องการให้ทำงาน

 

ไวยากรณ์ if else

if(condition){ 
  // blog code 1
}
else{
  // blog code 2
}

 

ตัวอย่างที่ 1 if

<html>
  <body>
    <p id="showtext"></p>

      <script>
      if (10>15) {
        document.getElementById("showtext").innerHTML = "Hello World";
      }
      else{
      	document.getElementById("showtext").innerHTML = "Hi World";
      }
      </script>
  </body>
</html>

 

ไวยากรณ์ else if

if(condition1){
  // block code1
}
else if(condition2){
  // block code2
}
else{
  // block code3
}

 

ตัวอย่างที่ 2 else if

<html>
  <body>
    <p id="showtext"></p>

      <script>
      if (10>15) {
        document.getElementById("showtext").innerHTML = "Hello World";
      }
      else if('a' != 'b'){
      	document.getElementById("showtext").innerHTML = "Very Good";
      }
      else{
      	document.getElementById("showtext").innerHTML = "Hi World";
      }
      </script>
  </body>
</html>

 

ไวยากรณ์ switch

switch(expression){
  case 1: 
         // code block
  break;
  
  case 2:
        // code block
  break;

  default: 
       // code block
}
  • default (ค่าเริ่มต้น) กรณีที่ไม่มีการใส่กำหนด expression หรือ expression ไม่ตรงกับ case ต่างๆ

 

ตัวอย่างที่ 3 Switch

<html>
  <body>
    <p id="showtext"></p>

      <script>
      var x = 3;
      switch(x){
      	case 1: 
        	document.getElementById("showtext").innerHTML = "Case 1"; 
        break;
        
        case 2: 
        	document.getElementById("showtext").innerHTML = "Case 2";
        break;
        
        case 3:
        	document.getElementById("showtext").innerHTML = "Case 3";
        break;
        
        default: document.getElementById("showtext").innerHTML = "Default Case";
      }
      </script>
  </body>
</html>

 

หากคุณพบคำที่สะกดผิด เว้นวรรคไม่ถูกต้อง ฯ โปรดแจ้งให้เราทราบ โดยลากคลุม (highlight) ข้อความนั้น แล้วกด Ctrl + Enter

ไม่สามารถคัดลอกเนื้อหานี้

Spelling error report

The following text will be sent to our editors: