Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan sehat, kita lanjut lagi pembelajaran kita, masih tetang javascript, pada tutorial sebelum-sebelumnya kita telah membahas tentang fungsi addEventListener pada javascript yang berfungsi untuk memberikan event yang nilanya bisa berupa click, doubleclick, atau event-event lainnya, Pada pembahasan kali ini kita akan belajar tentang fungsi removeEventListener pada javascript.

Yups seperti namanya, fungsi removeEventListener adalah menghilangkan atau meremove event yang telah kita tambahkan dengan addEventListener, untuk lebih jelasnya kita langsung praktekan pada satu kasus.

coba teman-teman buat sebuah file dan ketikan script berikut ini

Saya membuat sebuah event click dengan eventListener pada sebuah kotak yang apabila diklik akan muncul alert, nah sekarang saya akan membuat sebuah tombol pada bagian bawah divnya, dan saya membuat sebuah fungsi dengan removeEventListener seperti berikut ini:

fungsi pada tombol untuk menghapus eventListerner:

Jadi kelengkapan scriptnya adalah seperti berikut ini:

Jika teman-teman jalankan pada browser maka div akan memunculkan alert ketika diclick, tapi setelah tombol diklik maka div tidak aakan memunculkan alert lagi pada saat diklik,

Gimana teman-teman? cukup mudah bukan? untuk tutorial kali ini tetang fungsi removeEventListener pada javascript. saya rasa cukup sampai disini dulu, semoga tutorial kali ini dapat bermanfaat untuk teman-teman semuanya, ampai bertemu lagi pada tutorial berikutnya,

terima kasih