Perintah if/else di 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";
}

coba sendiri

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";
}

coba sendiri

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";
}

coba sendiri

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";
}

coba sendiri

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>

coba sendiri

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..";
}

coba sendiri

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";
}

coba sendiri

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