Event di javascript dan cara menggunakannya

 Event di JavaScript adalah tindakan atau kejadian yang terjadi pada elemen HTML atau dokumen secara umum, seperti mengklik tombol atau memuat halaman. Dalam artikel ini, kita akan membahas tentang event di JavaScript dan cara menggunakannya.

Pengertian Event di JavaScript

Event di JavaScript adalah suatu tindakan yang terjadi pada sebuah elemen HTML atau dokumen secara umum. Event dapat disebabkan oleh pengguna, oleh kode, atau oleh sistem operasi. Contoh event pada elemen HTML meliputi:

• Klik tombol
• Mengisi form
• Memuat halaman
• Menggulir halaman
• Mengetik pada keyboard
• Menggerakkan kursor mouse

JavaScript menyediakan banyak event yang berbeda yang dapat diaktifkan pada elemen HTML atau dokumen secara umum. Ketika suatu event terjadi, JavaScript dapat menangani event tersebut dan melakukan tindakan yang sesuai.

Cara Menggunakan Event di JavaScript

Untuk menggunakan event di JavaScript, kita harus menambahkan event listener pada elemen HTML atau dokumen. Event listener adalah fungsi JavaScript yang dieksekusi ketika suatu event terjadi pada elemen atau dokumen. Berikut adalah contoh penggunaan event listener pada sebuah tombol:

javascript
// Membuat event listener untuk tombol
var tombol = document.getElementById("tombol");
tombol.addEventListener("click", function() {
  alert("Tombol telah diklik!");
});

Contoh kode di atas akan menambahkan event listener pada tombol dengan id "tombol". Ketika tombol tersebut diklik, fungsi alert akan dieksekusi dan menampilkan pesan "Tombol telah diklik!".

Selain menggunakan event listener pada elemen HTML, kita juga dapat menambahkan event listener pada dokumen secara umum. Berikut adalah contoh penggunaan event listener pada dokumen:

javascript
// Membuat event listener untuk dokumen
document.addEventListener("DOMContentLoaded", function() {
  alert("Dokumen telah dimuat!");
});

Contoh kode di atas akan menambahkan event listener pada dokumen. Ketika dokumen tersebut telah dimuat, fungsi alert akan dieksekusi dan menampilkan pesan "Dokumen telah dimuat!".

Kesimpulan

Event di JavaScript adalah tindakan atau kejadian yang terjadi pada elemen HTML atau dokumen secara umum. JavaScript menyediakan banyak event yang berbeda yang dapat diaktifkan pada elemen HTML atau dokumen. Untuk menggunakan event di JavaScript, kita harus menambahkan event listener pada elemen HTML atau dokumen. Event listener adalah fungsi JavaScript yang dieksekusi ketika suatu event terjadi pada elemen atau dokumen.