C. Menangani event seperti klik, hover, dan lainnya

JavaScript dapat menangani event seperti ketika element diklik, form dikirim, dll. Event dapat ditangani dengan menggunakan method addEventListener. Berikut adalah contoh penggunaannya:

<button id="myButton">Click me</button>


<script>
  var button = document.getElementById('myButton');
  button.addEventListener('click', function() {
    console.log('Button was clicked');
  });
</script>

Method addEventListener menerima dua parameter, yaitu nama event yang akan ditangani (dalam contoh di atas adalah "click") dan function yang akan dijalankan ketika event tersebut terjadi.

Selain "click", ada banyak event lain yang bisa ditangani dengan JavaScript, seperti:

  • "submit" (ketika form dikirim)

  • "focus" (ketika element mendapatkan fokus)

  • "blur" (ketika element kehilangan fokus)

  • "mouseover" (ketika mouse berada di atas element)

  • "mouseout" (ketika mouse keluar dari element)

Dan masih banyak lagi. Untuk daftar lengkap event yang bisa ditangani dengan JavaScript, bisa dilihat di sini: https://developer.mozilla.org/en-US/docs/Web/Events

Last updated

Was this helpful?