JavaScript Nedir?

JavaScript, web sayfalarına etkileşim kazandıran bir programlama dilidir. HTML sayfanın iskeletini kurar, CSS görünümü düzenler; JavaScript ise kullanıcı davranışlarına anında tepki vererek sayfayı “canlı” hale getirir.

JavaScript ile neler yapılır?
  • Butona tıklanınca içerik değiştirme (DOM manipülasyonu)
  • Form doğrulama (boş alan kontrolü, e-posta formatı vb.)
  • Sayfayı yenilemeden veri almak (AJAX / Fetch)
  • Animasyonlar, menüler, modal pencereler

Mini Örnek 1: Butona basınca yazı değişsin

Sayfa içindeki bir elemanı seçip içeriğini değiştirmek JavaScript’in en temel kullanım alanıdır.

Örnek kod
<h3 id="mesaj">Merhaba!</h3>
<button type="button" id="btnDegistir">Değiştir</button>

<script>
  document.getElementById('btnDegistir').addEventListener('click', function () {
    document.getElementById('mesaj').textContent = 'Butona tıkladın ✅';
  });
</script>

Mini Örnek 2: Basit form kontrolü

Bir form gönderilmeden önce alanları kontrol edip kullanıcıya uyarı verebilirsin.

Örnek kod
<form id="frm">
  <input type="text" id="ad" placeholder="Adınız">
  <button type="submit">Gönder</button>
</form>

<script>
  document.getElementById('frm').addEventListener('submit', function (e) {
    const ad = document.getElementById('ad').value.trim();
    if (!ad) {
      e.preventDefault();
      alert('Ad alanı boş olamaz!');
    }
  });
</script>

Java ile JavaScript Arasındaki Farklar

İsimleri benzer olsa da Java ve JavaScript aynı şey değildir. Java genel amaçlı bir programlama dilidir; JavaScript ise özellikle web tarayıcılarında çalışan, web sayfalarına etkileşim katan bir dildir.

Kısa karşılaştırma
  • Java: Derlenmiş/çalıştırılmış uygulamalar, sunucu uygulamaları, Android (tarihsel olarak) vb.
  • JavaScript: Tarayıcıda çalışan web etkileşimi, ayrıca Node.js ile sunucuda da çalışabilir.
  • Benzerlik: Neredeyse sadece isim benzerliği 🙂