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>