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 🙂