Menggunakan event listener


Menghubungkan jQuery

Pastikan Anda telah menyertakan pustaka jQuery dalam proyek Anda. Anda dapat mengunduhnya dari situs web resmi jQuery atau menggunakan CDN. Letakkan script ini di antara tag <head> atau sebelum tag penutup </body>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

Menyiapkan HTML

Buat elemen HTML yang akan mendengarkan event. Misalnya, kita akan menggunakan tombol dengan ID myButton

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

Menambahkan Event Listener

Selanjutnya, gunakan jQuery untuk menambahkan event listener ke elemen tersebut. Anda dapat melakukannya dalam tag <script> Anda, yang biasanya ditempatkan di bagian bawah halaman

<script>
  // Menambahkan event listener menggunakan jQuery
  $(document).ready(function() {
    $("#myButton").click(function() {
      alert("Tombol telah diklik!");
    });
  });
</script>

Ini adalah contoh sederhana dari penggunaan event listener dengan jQuery. Ketika tombol dengan ID myButton diklik, akan muncul pesan peringatan.

Pastikan Anda memastikan bahwa semua sintaksis telah diikuti dengan benar dan Anda telah memasukkan pustaka jQuery ke dalam proyek Anda. Semoga tutorial ini membantu Anda memahami penggunaan event listener dengan jQuery!