JavaScript if/else ifadesi

Tanımlama ve Kullanım

if/else ifadesi, belirli bir şart doğru olduğunda bir kod bloğunu çalıştırır. Şart yanlışsa, başka bir kod bloğu çalıştırılabilir.

if/else ifadesi, farklı şartlara göre farklı işlemler gerçekleştirmek için kullanılan JavaScript'in "şart" ifadelerinin bir parçasıdır.

JavaScript'te aşağıdaki şart ifadeleri bulunmaktadır:

  • Belirli bir şart doğruysa çalıştırılacak kod bloğunu belirlemek için if kullanın
  • Aynı şart yanlışsa çalıştırılacak kod bloğunu belirlemek için else kullanın
  • İlk şart yanlışsa, yeni test edilecek yeni bir şart belirtmek için else if kullanın
  • Çalıştırılacak birden fazla kod bloğundan birini seçmek için switch kullanın

Örnek

Eğer mevcut zaman (HOUR) 20:00'dan küçükse, id="demo" olan elemanda "Good day" yazdırılır:

var time = new Date().getHours(); 
if (time < 20) {
  document.getElementById("demo").innerHTML = "Good day";
}

kendiniz deneyin

Daha fazla TIY örneği sayfanın altında bulunmaktadır.

Sözdizimi

if ifadesi, şartın doğru olduğunda çalıştırılacak kod bloğunu belirtir:

if (condition) {
  // koşul doğru ise çalıştırılacak kod bloğu
}

else ifadesi, koşul yanlış olduğunda çalıştırılacak kod bloğunu belirtir:

if (condition) {
  // koşul doğru ise çalıştırılacak kod bloğu
} else { 
  // koşul yanlış ise çalıştırılacak kod bloğu
}

Eğer ilk koşul yanlışsa, else if ifadesi yeni bir koşul belirtir:

if (condition1) {
  // condition1 doğru ise çalıştırılacak kod bloğu
} else if (condition2) {
  // condition1 yanlış ise ve condition2 doğru ise çalıştırılacak kod bloğu
} else {
  // condition1 yanlış ise ve condition2 yanlış ise çalıştırılacak kod bloğu
}

Parametre Değeri

Parametre Açıklama
condition Gerekli. Sonuç olarak true veya false dönen bir ifade.

Teknik Açıklamalar

JavaScript Sürümü: ECMAScript 1

Daha fazla örnek

Örnek

Eğer zaman 20:00'dan küçükse, "Good day" selamlaması oluştur, aksi takdirde "Good evening":

var time = new Date().getHours(); 
if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

kendiniz deneyin

Örnek

Eğer zaman 10:00'dan küçükse, bir "Good morning" selamlaması oluştur, değilse ve zaman 20:00'dan küçükse, bir "Good day" selamlaması oluştur, aksi takdirde bir "Good evening" selamlaması oluştur:

var time = new Date().getHours(); 
if (time < 10) {
  greeting = "Good morning";
} else if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

kendiniz deneyin

Örnek

Eğer belgedeki ilk <div> elementinin id'si "myDIV" ise, metin boyutunu değiştir:

var x = document.getElementsByTagName("DIV")[0];
if (x.id === "myDIV") {}} 
  x.style.fontSize = "30px";
}

kendiniz deneyin

Örnek

Kullanıcı resmi tıkladığında, <img> elementinin kaynak (src) özelliğinin değerini değiştir:

<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>

kendiniz deneyin

Örnek

Kullanıcı girişine göre mesaj göster:

var letter = document.getElementById("myInput").value;
var text;
// Harf "c" ise
if (letter === "c") {
  text = "Tam doğru! İyi iş çıkardınız!";
// Harf "b" veya "d" ise
} else if (letter === "b" || letter === "d") {
  text = "Yakın, ama yeterince yakın değil.";
// Diğer harfler için
} else {
  text = "Çok uzak...";
}

kendiniz deneyin

Örnek

Giriş verilerini doğrula:

var x, text;
// id="numb" olan giriş alanının değerini alır
x = document.getElementById("numb").value;
// Eğer x rakamsal değil veya 1'den küçük veya 10'dan büyükse, "giriş geçersiz" yazdırılır
// Eğer x 1 ile 10 arasında bir sayıysa, "Giriş OK" yazdırılır
if (isNaN(x) || x < 1 || x > 10) {
  text = "Geçerli olmayan Giriş";
} else {
  text = "Giriş OK";
}

kendiniz deneyin

tarayıcı destekliyor

cümle Chrome IE Firefox Safari Opera
if/else Destek Destek Destek Destek Destek

İlgili sayfalar

JavaScript dersleri:JavaScript If...Else ifadesi

JavaScript dersleri:JavaScript Switch ifadesi