Mendefinisikan Event Handler

Dalam JavaScript, event handler digunakan untuk menangani peristiwa (event) yang terjadi pada elemen HTML, seperti mengklik tombol, mengisi formulir, atau menggerakkan mouse. Berikut cara mendefinisikan event handler:

Menyediakan Elemen HTML

Pertama, buat elemen HTML yang akan memiliki event handler. Misalnya, Anda memiliki tombol dengan ID "myButton"

<button id="myButton">Klik Saya!</button>

Mendefinisikan Event Handler

Di dalam JavaScript, Anda dapat mendefinisikan event handler dengan menggunakan perintah addEventListener. Berikut contohnya:

// Mengambil referensi elemen HTML dengan ID 'myButton'
const button = document.getElementById('myButton');

// Mendefinisikan event handler untuk mengatasi klik tombol
button.addEventListener('click', function() {
  // Kode yang akan dijalankan saat tombol diklik
  alert('Tombol telah diklik!');
});

Melampirkan Event Handler

Terakhir, Anda perlu melampirkan event handler ke elemen HTML yang sesuai. Dalam contoh ini, event handler akan aktif saat tombol "myButton" diklik.

Dengan langkah-langkah di atas, Anda telah berhasil mendefinisikan event handler dalam JavaScript. Anda dapat menggantikan click dengan jenis event lain seperti mouseover, keydown, atau yang lainnya sesuai dengan kebutuhan Anda.

Semoga tutorial ini membantu Anda memahami cara mendefinisikan event handler dalam JavaScript!