JavaScript ile Olay Yönetimi: Event Listener Kullanımı

JavaScript, kullanıcı etkileşimlerini yakalamak ve yanıtlamak için olay yönetimi sağlar. addEventListener() yöntemi, bir HTML elementine olay dinleyicisi eklemek için kullanılır.

Örneğin, bir butona tıklama olayını yakalamak için şu kod kullanılabilir:

const button = document.querySelector('button');
button.addEventListener('click', () => {
    alert('Butona tıklandı!');
});

Fare hareketleri, klavye tuşları ve diğer olaylar için farklı türlerde dinleyiciler eklenebilir:

document.addEventListener('keydown', (event) => {
    console.log(`Tuş basıldı: ${event.key}`);
});

Olay dinleyicileri, kullanıcılarla daha interaktif ve dinamik uygulamalar geliştirmek için gereklidir.