🎲 JavaScript Functions & Parameters: Mini Fonksiyonlarla Oyun

(Kod oynayabileceğimiz, eğlenebileceğimiz ama aynı zamanda çok şey öğreneceğimiz bölüm 😎)

Merhaba, sevgili kod kahramanı 💖
Bugün JavaScript’in en sihirli silahlarını, yani fonksiyonlar ve parametreler konusunu ele alıyoruz.
Fonksiyonlar, JS’in gizli kutuları gibidir: içine ne koyarsan çıkar, ama sonuç tamamen senin kontrolünde 😏

Haydi, gel birlikte mini oyunlar, pratik ipuçları ve tatlı JS sürprizleri ile fonksiyon dünyasını keşfedelim.

🪄 Fonksiyon Nedir? (Sihirli Kutunun Temeli)

Fonksiyon, tekrar tekrar kullanabileceğin kod bloğudur.
Bir sihirbaz gibi düşün: içeri bir şey koyarsın, sihirli bir şekilde sana bir cevap verir 🎩✨

function greet() {
  console.log("Merhaba aşkımm!");
}

greet();
// Merhaba 

Açıklama:

• function → JS’e diyoruz ki “Hey, sihirli kutu açıyorum!”
• greet → fonksiyonun adı, yani kutunun ismi
• {} → kutunun içi, yani kodlarımızın sihir yaptığı yer
• console.log → fonksiyon çalışınca mesajı yazdırıyor

💡 Pratik ipucu:
Fonksiyonlar sayesinde aynı kodu defalarca yazmak zorunda kalmazsın.
Bir kez yaz, defalarca çağır 🎯

🎁 Parametreler: Fonksiyonun Hediyeleri

Fonksiyonlar sadece kendi başlarına değil, parametreler ile süper güç kazanır.
Parametreler, fonksiyonun içine verdiğimiz özel hediyelerdir 🎁

function greet(name) {
  console.log(`Merhaba ${name}! `);
}

greet("Cansu");
// Merhaba Cansu! 

greet("JavaScript");
// Merhaba JavaScript! 

Açıklama:

• name → fonksiyonun hediyesi, içine değer koyduğun sürece fonksiyon onu kullanır
• ${name} → template literal sayesinde mesajı kişiselleştirdik
• Böylece aynı fonksiyon farklı isimlerle çalışabilir

💡 Mini ipucu:
Parametreleri kullanmak kodu dinamik ve eğlenceli hale getirir. Aynı fonksiyonla bir sürü farklı işlem yapabilirsin 😎

🏓 Mini Oyun: Sayı Tahmini

Şimdi parametreleri gerçek hayatta nasıl kullanabileceğimizi gösterelim.
Küçük bir sayı tahmin oyunu yapacağız:

function guessNumber(userGuess) {
  const secretNumber = Math.floor(Math.random() * 5) + 1;

  if(userGuess === secretNumber) {
    console.log("Tebrikler! 🎉 Doğru tahmin!");
  } else {
    console.log(`Üzgünüm 😢. Doğru sayı ${secretNumber} idi.`);
  }
}

guessNumber(3); // Parametreyi değiştir, farklı sonuç al

Açıklama:

• Math.random() → 0 ile 1 arasında rastgele sayı üretir
• Math.floor() → sayıyı aşağı yuvarlar
• +1 → 1-5 arası sayı için
• userGuess → kullanıcının tahmini, fonksiyona verdiğimiz değer

💡 Pratik ipucu:
Fonksiyon içindeki değişkenler sadece fonksiyon içinde görünür.
Bu sayede “gizli sayıyı” dışarı sızdırmıyoruz, JS’in gizlilik kalkanı 🛡️

➕ Birden Fazla Parametre: Matematik Oyunu

Fonksiyonlar birden fazla parametre alabilir.
Mesela iki sayıyı toplayan süper fonksiyon:

function addNumbers(a, b) {
  return a + b;
}

console.log(addNumbers(5, 7));  // 12
console.log(addNumbers(10, 15)); // 25

Açıklama:

• a ve b → iki farklı hediye
• return → fonksiyonun sana sonucu geri vermesi
• Eğer return olmasaydı, fonksiyon sadece yazdırır, değer vermez

💡 Mini ipucu:
Fonksiyonları daha modüler yapmak için return kullanmayı unutma. Böylece değerleri başka fonksiyonlarda veya hesaplamalarda kullanabilirsin ✨

🔄 Fonksiyonları Eğlenceli Hale Getirelim: Emoji Partisi 🎉

Parametreleri ve döngüleri birleştirip emoji partisi yapalım:

function party(emoji, times) {
  let result = "";
  for(let i = 0; i < times; i++) {
    result += emoji + " ";
  }
  return result;
}

console.log(party("💖", 5)); 
// 💖 💖 💖 💖 💖

Açıklama:

• emoji → hangi emojiyi kullanacağımız
• times → kaç kere yazdırılacağını belirliyor
• for döngüsü → her turda sonucu birleştiriyor
• return → fonksiyon sonunda tüm sonucu geri gönderiyor

💡 Pratik ipucu:
Bu tekniği animasyon simülasyonları, mini oyunlar veya özel mesajlar için de kullanabilirsin. JS ile her şey mümkün 😎

🌟 Default Parametreler: Fonksiyonun Süper Gücü

Parametre vermediğinde fonksiyonun varsayılan değer kullanmasını sağlayabiliriz:

function greetPerson(name = "güzel insan") {
  console.log(`Merhaba ${name}! `);
}

greetPerson();
// Merhaba güzel insan! 

greetPerson("Cansu");
// Merhaba Cansu! 

💡 Pratik ipucu:
Default parametreler, fonksiyonları daha esnek ve hatasız yapar. Boş değer gelirse sorun yok, JS kendisi halleder 😏

🎯 Rest Parametreleri: Sonsuz Hediyeler

Fonksiyonlara istenildiği kadar parametre gönderebilirsin. Rest parametreleri kullan:

function sumAll(...numbers) {
  return numbers.reduce((total, num) => total + num, 0);
}

console.log(sumAll(1, 2, 3, 4, 5)); // 15
console.log(sumAll(10, 20));       // 30

Açıklama:

• ...numbers → istediğin kadar sayıyı alır
• reduce → tüm sayıları toplar
• Böylece fonksiyon her zaman dinamik ve güçlü 😎

💡 Mini ipucu:
Rest parametreleri, spread operator ... ile birleştirerek de kullanabilirsin. Süper esnek ve modern bir JS tekniği!

💌 Son Söz

Fonksiyonlar ve parametreler, JavaScript’in en eğlenceli ve kullanışlı silahlarıdır:

• Kodunu temiz ve tekrar kullanılabilir tutar
• Aynı işlemleri defalarca yazmana gerek kalmaz
• Parametrelerle mini oyunlar, simülasyonlar ve yaratıcı çözümler üretirsin

✨ JS’in fonksiyonlarıyla hayal gücünü birleştir, mini oyunlarını ve eğlenceli projelerini yaz!