JavaScript Dersleri

JavaScript'te if Yapısı

eminbasbayan

eminbasbayan

3 dk okuma
JavaScript'te if Yapısı
🔍 Büyütmek için tıklayın

Programlama, sadece sırayla kod yazmak değil, aynı zamanda doğru zamanda doğru kararı verebilmektir. Tıpkı bir insan gibi, bilgisayarlar da bazı durumlarda "Eğer şu olursa, bunu yap" diyebilir. Bu kararları verebilmek için JavaScript'te koşullu ifadeler (conditionals) kullanılır.

Bu yazıda, en temel karar yapısı olan if yapısını detaylıca öğreneceğiz. Gerçek yaşam örnekleriyle bağlantı kurarak, konuyu zihninde netleştireceğiz.

1. Bilgisayara Soru Sormak: Karşılaştırmalar (Comparisons)

Bir karar vermeden önce bir koşul kontrol etmemiz gerekir. Bu koşul genellikle bir karşılaştırma ile oluşturulur.

Örnek:

let not = 75; console.log(not >= 50); // true

Bu satırda bilgisayara şunu soruyoruz: “Not 50 veya daha fazla mı?”

Cevap: true – yani doğru.

Ama sadece bu satırı yazmak, bilgisayara bir iş yaptırmaz. Sadece sonucu görürüz. Asıl gücümüzü if yapısıyla göstereceğiz.

2. If Yapısı: Şartlı Kodlar Yazmak

JavaScript’te if yapısı ile bilgisayara şunu diyebiliriz:

“Eğer bu koşul doğruysa, şu kodları çalıştır.”

Yapısı:

if (şart) { // şart doğruysa burası çalışır }

Örnek:

let sicaklik = 32; if (sicaklik > 30) { console.log("Dışarısı çok sıcak, su içmeyi unutma!"); }

Burada sıcaklık 30’un üzerindeyse kullanıcıya uyarı veriyoruz. Eğer değilse, bu kod satırı atlanır.

3. Rastgele Durumlar: Math.random() ile Karar Vermek

Gerçek hayatta bazı kararlar rastgele verilir. Yazı-tura atmak gibi.

Bilgisayarda rastgele sayı üretmek için Math.random() kullanırız. Bu metod bize 0 ile 1 arasında bir sayı verir.

Örnek:

let sans = Math.random(); // 0.0 ile 1.0 arasında if (sans < 0.3) { console.log("Şanslı günündesin!"); }

Burada yaklaşık %30 ihtimalle bu mesaj çıkar. Çünkü sayı 0.3'ten küçükse sadece çalışır.

Not: Math.random() her çalıştırıldığında farklı bir sayı üretir.

4. Gerçek Hayat Uygulaması: Market Alışverişi

Haydi biraz daha gerçekçi bir örnekle düşünelim.

Senaryo:

Bir kullanıcı bir market alışverişi yapıyor ve toplam tutarı 200 TL'den fazla ise indirim kazanıyor.

Kod:

let toplamTutar = 220; if (toplamTutar > 200) { console.log("Tebrikler! Sepetiniz için 20 TL indirim kazandınız."); }

Bu koşul sadece 200’ü aşan tutarlar için geçerlidir. Kullanıcı 150 TL’lik alışveriş yaparsa, mesaj gösterilmez.

5. Birden Fazla Durum Kontrolü: Birden Çok If

Diyelim ki bir öğrenciye notuna göre değerlendirme yapmak istiyoruz:

  • 90 ve üzeri: Harika
  • 70–89 arası: İyi
  • 50–69 arası: Geçti
  • 50’nin altı: Kaldı

Yanlış Yaklaşım:

if (not >= 90) { console.log("Harika!"); } if (not >= 70) { console.log("İyi!"); } if (not >= 50) { console.log("Geçti."); }

Bu kodda birden fazla mesaj çıkabilir çünkü hepsi ayrı if. Daha sonra else if ve else öğreneceğiz, ama şimdilik tekli if yapısıyla ilerliyoruz.

6. İpucu: Kodun Geri Kalanı Durmaz

Bazı öğrenciler şunu soruyor:

“If çalışmazsa kod durur mu?”

Hayır. Sadece o bloğun içindeki kod çalışmaz. Geri kalan kod normal şekilde ilerler.

Örnek:

let yas = 14; console.log("Program başladı."); if (yas >= 18) { console.log("Ehliyet alabilirsin."); } console.log("Program bitti.");

Çıktı:

Program başladı. Program bitti.

Gördüğün gibi yas 18’den küçük olduğu için if bloğu çalışmadı ama program durmadı.

7. Mini Uygulama: Hava Durumuna Göre Kıyafet

Senaryo:

Bir hava durumu uygulaması yapmak istiyorsun. Eğer hava soğuksa, kullanıcıya kalın giyinmesini söylemek istiyorsun.

Kod:

let havaDurumu = "soğuk"; if (havaDurumu === "soğuk") { console.log("Montunu giy, dışarısı soğuk!"); }

Bu örnekte dikkat et: === operatörü tam eşitlik anlamına gelir. Yani hem türü hem değeri aynı olmalı.

SONUÇ: If, Kodun Mantığıdır

if yapısı, programlamanın temel taşlarından biridir. Tıpkı gerçek hayattaki kararlarımız gibi, bilgisayarlara da bir şeyin olup olmayacağını kontrol ettiririz.

“Eğer bu doğruysa, şunu yap.”

Bu sayede programlarımız daha akıllı, daha dinamik ve kullanıcıya özel hale gelir.

Etiketler

#Eğitimler#JavaScript Dersleri

İlgili Yazılar

Bu konuyla ilgili diğer yazılarımızı da inceleyebilirsiniz

Web Geliştirmede Neden JavaScript'e İhtiyacımız Var?
JavaScript Dersleri

Web Geliştirmede Neden JavaScript'e İhtiyacımız Var?

Web geliştirme, temel olarak üç ana yapı taşı üzerine kuruludur: **HTML, CSS ve JavaScript**. Bu üçlüden **HTML**, sayfanın iskeletini oluşturur, **CSS**, tasarımı ve görsel düzenlemeleri yapar

2 dk
JavaScript'e Giriş: JavaScript Nedir?
JavaScript Dersleri

JavaScript'e Giriş: JavaScript Nedir?

Web geliştirme yolculuğunuzda büyük bir adım atıyorsunuz! HTML ve CSS ile statik web sayfaları oluşturmayı öğrendiniz, ancak şimdi JavaScript ile sayfanıza hareket ve etkileşim katmanını eklemeye hazırsınız. JavaScript, web sayfalarını dinamik hale getiren ve kullanıcı etkileşimlerini yöneten

3 dk
JavaScript Değişkenler (Variables) Nedir?
JavaScript Dersleri

JavaScript Değişkenler (Variables) Nedir?

JavaScript, web geliştirme dünyasının en önemli dillerinden biridir. Dinamik web siteleri, interaktif uygulamalar, oyunlar ve animasyonlar gibi birçok alanda kullanılır. Ancak, bu tür gelişmiş uygulamalar oluşturabilmek için önce JavaScript'in temellerini anlamak gerekir. Bu

4 dk
JavaScript İlkel (Primitive) Veri Tipleri
JavaScript Dersleri

JavaScript İlkel (Primitive) Veri Tipleri

JavaScript, modern web geliştirmede vazgeçilmez bir programlama dilidir. Web sitelerini daha dinamik hale getirmek, etkileşim eklemek ve hatta oyunlar ve uygulamalar geliştirmek için kullanılır. Ancak, bu eğlenceli ve güçlü özelliklere ulaşmadan önce, JavaScript'in temellerin

4 dk
JavaScript'te Sayılar ve Matematiksel Operatörler
JavaScript Dersleri

JavaScript'te Sayılar ve Matematiksel Operatörler

JavaScript, modern web geliştirmede en yaygın kullanılan programlama dillerinden biridir. Bu dilde çalışırken sayılarla sıkça işlem yaparız. İster bir hesap makinesi uygulaması geliştiriyor olun, ister bir oyundaki puan sistemini kodluyor olun, sayılar kaçınılmaz bir parçadır. JavaScri

4 dk
JavaScript'te Boolean Veri Tipi
JavaScript Dersleri

JavaScript'te Boolean Veri Tipi

JavaScript'ı öğrenmeye yeni başlayanlar için veri tipleri oldukça önemlidir. Bu yazıda, en temel veri tiplerinden biri olan **Boolean (mantıksal) değerleri** inceleyeceğiz. Boolean değerleri, programlamada sıklıkla kullanılan ve kodlarımızın man

3 dk