Perintah if/else di JavaScript
- Halaman Sebelumnya function
- Halaman Berikutnya let
- Kembali ke Level Atas Panduan Referensi Statement JavaScript
Definisi dan penggunaan
Perintah if/else melaksanakan blok kode jika kondisi ditentukan benar. Jika kondisi salah, kode lain dapat dieksekusi.
Perintah if/else adalah bagian dari pernyataan "kondisi" di JavaScript, yang digunakan untuk melaksanakan berbagai operasi berdasarkan kondisi yang berbeda.
Pada JavaScript, kami memiliki pernyataan kondisi berikut:
- Gunakan if untuk menentukan blok kode yang akan dieksekusi jika kondisi yang ditentukan benar
- Gunakan else untuk menentukan blok kode yang akan dieksekusi jika kondisi yang sama salah
- Jika kondisi pertama salah, gunakan else if untuk menentukan kondisi baru yang akan diuji
- Gunakan switch untuk memilih salah satu blok kode yang akan dieksekusi
Contoh
Jika waktu saat ini (HOUR) kurang dari 20:00, tampilkan "Good day" di elemen id="demo":
var time = new Date().getHours(); if (time < 20) { document.getElementById("demo").innerHTML = "Good day"; }
Ada banyak contoh TIY lainnya di bawah halaman.
Sintaks
Perintah if mengatur blok kode yang akan dieksekusi jika kondisi benar:
if (condition) { // blok kode yang akan dieksekusi jika kondisi benar }
else menentukan blok kode yang akan dieksekusi jika kondisi salah:
if (condition) { // blok kode yang akan dieksekusi jika kondisi benar } else { // blok kode yang akan dieksekusi jika kondisi salah }
Jika pertama-tama kondisi salah, lalu else if menentukan kondisi baru:
if (condition1) { // blok kode yang akan dieksekusi jika kondisi1 benar } else if (condition2) { // blok kode yang akan dieksekusi jika kondisi1 salah dan kondisi2 benar } else { // blok kode yang akan dieksekusi jika kondisi1 salah dan kondisi2 salah }
Nilai Parameter
Parameter | Deskripsi |
---|---|
condition | Diperlukan. Ekspresi yang menghasilkan nilai true atau false. |
Detil Teknik
Versi JavaScript: | ECMAScript 1 |
---|
Contoh lebih banyak
Contoh
Jika waktu kurang dari 20:00, buat ucapan "Good day", jika tidak, buat ucapan "Good evening":
var time = new Date().getHours(); if (time < 20) { greeting = "Good day"; } else { greeting = "Good evening"; }
Contoh
Jika waktu kurang dari 10:00, buat ucapan "Good morning", jika bukan tetapi waktu kurang dari 20:00, buat ucapan "Good day", jika tidak, buat ucapan "Good evening":
var time = new Date().getHours(); if (time < 10) { greeting = "Good morning"; } else if (time < 20) { greeting = "Good day"; } else { greeting = "Good evening"; }
Contoh
Jika id elemen <div> pertama dalam dokumen adalah "myDIV", ubah ukuran hurufnya:
var x = document.getElementsByTagName("DIV")[0]; if (x.id === "myDIV") {}} x.style.fontSize = "30px"; }
Contoh
Ketika pengguna mengklik gambar, ubah nilai atribut sumber <img> element (src):
<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>
Contoh
Tampilkan pesan berdasarkan input pengguna:
var letter = document.getElementById("myInput").value; var text; // Jika huruf adalah "c" if (letter === "c") { text = "Spot on! Good job!"; // Jika huruf adalah "b" atau "d" } else if (letter === "b" || letter === "d") { text = "Close, but not close enough."; // Jika adalah huruf lainnya } else { text = "Waaay off.."; }
Contoh
Verifikasi data input:
var x, text; // Ambil nilai input field dengan id="numb" x = document.getElementById("numb").value; // Jika x bukan angka atau kurang dari 1 atau lebih besar dari 10, tampilkan "input is not valid" // Jika x adalah angka antara 1 sampai 10, tampilkan "Input OK" if (isNaN(x) || x < 1 || x > 10) { text = "Input not valid"; } else { text = "Input OK"; }
browser mendukung
pernyataan | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
if/else | Dukungan | Dukungan | Dukungan | Dukungan | Dukungan |
Halaman Terkait
Panduan JavaScript:Perintah If...Else JavaScript
Panduan JavaScript:Perintah Switch JavaScript
- Halaman Sebelumnya function
- Halaman Berikutnya let
- Kembali ke Level Atas Panduan Referensi Statement JavaScript