ตัวอย่าง
ถ้าเวลาปัจจุบัน (HOUR) น้อยกว่าเวลา 20:00 นเอาท์พุท "Good day" ในองค์ประกอบที่มี id = "สาธิต" ต่อไปนี้:
var time = new Date().getHours();
if (time < 20) {
document.getElementById("demo").innerHTML = "Good day";
}ผลที่จะได้รับ:
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
ถ้า / อื่นงบดำเนินการบล็อกของรหัสถ้าเงื่อนไขที่ระบุเป็นความจริง ถ้าเงื่อนไขเป็นเท็จบล็อกของรหัสอื่นสามารถดำเนินการได้
ถ้า / อื่นคำสั่งเป็นส่วนหนึ่งของ JavaScript เป็น "Conditional" งบที่จะใช้ในการดำเนินการที่แตกต่างกันขึ้นอยู่กับเงื่อนไขที่แตกต่างกัน
ใน JavaScript เรามีงบเงื่อนไขต่อไปนี้:
- ใช้ if เพื่อระบุบล็อกของรหัสที่จะดำเนินการเมื่อเงื่อนไขที่ระบุเป็นความจริง
- ใช้ else เพื่อระบุบล็อกของรหัสที่จะดำเนินการถ้าสภาพเดิมเป็นเท็จ
- ใช้ else if ระบุสภาพใหม่ในการทดสอบถ้าเงื่อนไขแรกเป็นเท็จ
- ใช้ switch เพื่อเลือกหนึ่งในหลาย ๆ กลุ่มของรหัสที่จะดำเนินการ
สนับสนุนเบราว์เซอร์
| คำแถลง | |||||
|---|---|---|---|---|---|
| if/else | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
ถ้าคำสั่งระบุบล็อกของรหัสที่จะดำเนินการถ้าเงื่อนไขเป็นจริง:
if ( คำสั่งอื่นระบุบล็อกของรหัสที่จะดำเนินการถ้าเงื่อนไขเป็นเท็จ
if ( อื่นถ้ามีคำสั่งระบุสภาพใหม่ถ้าเงื่อนไขแรกเป็นเท็จ
if ( ค่าพารามิเตอร์ พารามิเตอร์ ลักษณะ condition จำเป็นต้องใช้ การแสดงออกที่ประเมินจริงหรือเท็จ
รายละเอียดทางเทคนิค
JavaScript เวอร์ชัน: 1.0
ตัวอย่างอื่น ๆ
ตัวอย่าง
ถ้าเวลาน้อยกว่าเวลา 20:00 นสร้าง "Good day" อวยพรมิฉะนั้น "Good evening" :
var time = new Date().getHours();
if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
ผลจากการอวยพรจะเป็น:
ลองตัวเอง»
ตัวอย่าง
ถ้าเวลาน้อยกว่า 10:00 สร้าง "Good morning" อวยพรหากไม่ได้ แต่เวลาน้อยกว่าเวลา 20:00 นสร้าง "Good day" อวยพรอย่างอื่น "Good evening" :
var time = new Date().getHours();
if (time < 10) {
greeting = "Good morning";
}
else if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
ผลจากการอวยพรจะเป็น:
ลองตัวเอง»
ตัวอย่าง
ถ้าครั้งแรก <div> องค์ประกอบในเอกสารมีรหัส "myDIV" เปลี่ยนขนาดตัวอักษรที่:
var x = document.getElementsByTagName("DIV")[0];
if (x.id ===
"myDIV") {
x.style.fontSize = "30px";
} ลองตัวเอง»
ตัวอย่าง
เปลี่ยนค่าของ source แอตทริบิวต์ (src) ของ <img> องค์ประกอบหากผู้ใช้คลิกที่รูปภาพ:
<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100"
height="180">
<script>
function changeImage() {
var image =
document.getElementById("myImage");
if (image.src.match("bulbon")) {
image.src = "pic_bulboff.gif";
} else {
image.src = "pic_bulbon.gif";
}
}
</script> ลองตัวเอง»
ตัวอย่าง
แสดงข้อความบนพื้นฐานของข้อมูลของผู้ใช้:
var letter = document.getElementById("myInput").value;
var text;
// If the letter is "c"
if (letter === "c") {
text = "Spot on! Good job!";
// If the letter is "c" or "e"
}
else if (letter === "b" || letter === "d") {
text
= "Close, but not close enough.";
// If the letter is anything
else
} else {
text = "Waaay off..";
} ลองตัวเอง»
ตัวอย่าง
ตรวจสอบข้อมูลการป้อนข้อมูล:
var x, text;
// Get the value of the input field with id="numb"
x
= document.getElementById("numb").value;
// If x is Not a Number or
less than 1 or greater than 10, output "input is not valid"
// If x is
a number between 1 and 10, output "Input OK"
if (isNaN(x) || x < 1 || x > 10) {
text = "Input not valid";
} else {
text = "Input
OK";
} ลองตัวเอง»
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา JavaScript: JavaScript ถ้า ... งบอื่น ๆ
กวดวิชา JavaScript: งบเปลี่ยน JavaScript
<JavaScript อ้างอิงงบ