If ve else
Mantıksal operatörler size bir evet/hayır verdi. Sıradaki soru: hangi satırlar çalışsın? Evetse bir blok, hayırsa başka. Bu seçim if / else / else if. Boolean kurmayı biliyorsunuz; burada onunla yolu seçersiniz.
if ne yapar?
if parantezdeki koşula bakar. Değer truthy ise JavaScript hemen sonraki süslü parantez bloğunu çalıştırır. Falsy ise o blok atlanır. if başarısız olunca else yedek yoldur. Son elseten önce else if başka bir kontrol ekler.
Anahtar sözcükler bir bakışta
📊 Gündelik if / else parçaları
| Anahtar sözcük | Gündelik okuma | Tipik kullanım |
|---|---|---|
if |
bu geçerse bu bloğu çalıştır | ilk kontrol |
else if |
değilse, bu diğer kontrol geçerse… | orta yollar |
else |
aksi halde bunu çalıştır | son çare |
Koşulu dürüst tutun: bir karşılaştırma (age >= 18), mantıksal birleşim (age >= 18 && score >= 60) veya net bir boolean değişken. O yolun işini { … } içine yazın.
let age = 20;
if (age >= 18) {
console.log("adult");
}
console.log("done");
if yalnızca kontrol geçince çalışır
Burada age 20; yani age >= 18 true ve Konsol önce adult, sonra done yazar. age’i 16 yapın, yalnızca done kalır — if bloğu atlandı.
Kapanış } sonrası satır genellikle her zaman çalışır (sonra fonksiyondan çıkmadıkça). if tüm programı durdurmaz; yalnızca kendi bloğunun çalışıp çalışmayacağına karar verir.
let age = 16;
if (age >= 18) {
console.log("adult");
} else {
console.log("under 18");
}
else diğer yolu kaplar
Şimdi kontrol başarısız; JavaScript ilk bloğu atlar ve else çalışır. under 18 görürsünüz. Düz bir if / else çiftinde tam bir dal çalışır — ikisi birden değil, hiçbiri de değil.
let score = 75;
if (score >= 90) {
console.log("A");
} else if (score >= 60) {
console.log("pass");
} else {
console.log("retry");
}
else if orta yollar ekler
score 75. İlk kontrol (>= 90) başarısız. İkinci (>= 60) geçer — pass görürsünüz, son else atlanır. Sıra önemli: bantlar örtüşüyorsa daha sıkı koşulu öne koyun.
Üç ayrı if yazarsanız birden fazla blok çalışabilir. else if yolları dışlayıcı tutar — ilk eşleşmeden sonra zincir durur.
let age = 20;
let score = 75;
if (age >= 18 && score >= 60) {
console.log("allowed");
} else {
console.log("blocked");
}
let ready = false;
if (!ready) {
console.log("wait");
}
Paranteze gerçek kontroller koyun
Koşul bir karşılaştırma, mantıksal ifade veya ters çevrilmiş boolean olabilir. age >= 18 && score >= 60 true — allowed görürsünüz. !ready de true — wait de çıkar. Önce evet/hayırı kurun; sonra if dalı seçsin.
let age = 20;
let label;
if (age >= 18) {
label = "adult";
} else {
label = "under 18";
}
console.log(label);
Dalın sonucuna ad verin
Bazen yalnızca console.log değil, seçimden bir dize (veya sayı) istersiniz. Her dalda label atayın, sonra bir kez kullanın. Burada label "adult" olur.
Seçilen yolu sayfada gösterin
if / else ile kısa bir mesaj üretin, sonra sayfaya yazın.
<!DOCTYPE html>
<html>
<head>
<title>If else — page branch</title>
</head>
<body>
<p id="out">…</p>
<script>
let age = 20;
let msg;
if (age >= 18) {
msg = "adult";
} else {
msg = "under 18";
}
let box = document.getElementById("out");
box.textContent = "status=" + msg;
</script>
</body>
</html>
age 20, sayfa status=adult gösterir. age’i 16 yapıp yenileyin; status=under 18 görmelisiniz. Sonraki ders (switch) birçok sabit değer arasından seçer; gündelik evet/hayır kapıları için araç yine if / else kalır.
Kendiniz deneyin
if (true)içinde"ok"yazdırın ve çıktıyı doğrulayın.let age = 16ileif/elseyazıp"adult"veya"under 18"yazdırın.scorebantları içinelse ifzinciri kurun:A(≥ 90),pass(≥ 60), değilseretry.- Bir
ifkoşulundaage >= 18 && score >= 60birleştirin. if/elseile birlabeldizesi saklayıp bir kez yazdırın.- HTML demoda yalnızca
agedeğiştirin, yenileyin, yenistatus=metnini okuyun.
Sık hatalar
- Dal gövdesinin çevresinde
{ }unutmak - Karşılaştırma yerine tek
=ileif (age = 18)(atama) yazmak - Üstte eşleşen
ifolmadanelsekoymak - Dışlayıcı
else ifyolları isterken ayrı ayrı birçokif - Bantları yanlış sırada kontrol etmek (örn.
>= 90den önce>= 60)
Özet
- Koşul truthy ise
ifbloğu çalıştırır - O
ifbaşarısız olursaelseçalışır else ifdaha fazla dışlayıcı orta yol ekler- Koşullar genelde karşılaştırma veya mantıksal ifadedir
- Her dalı süslü parantezde tutun; sonucu sonra lazımsa etiket saklayın
- Sonraki: switch — birkaç sabit değer arasından seçmek
🧠 Bilginizi Test Edin
Bilginizi Test Edin
Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör
📝 Talimatlar
- Her soruyu dikkatle okuyun
- Her soru için en iyi cevabı seçin
- Quiz'i istediğiniz kadar tekrar alabilirsiniz
- İlerlemeniz üstte gösterilecek