Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaaan sehat, kita lanjut lagi pembelajarannya kali ini kita akan belajar membuat event pada javascript dengan addEventListener.

addEventListener adalah method yang sangat penting yang digunakan untuk membuat event seperti klik,dbclick,hover,blur,focus dan lainnya untuk keperluan manipulasi didalam DOM javascript, meskipun sebenarnya banyak cara untuk menjalankan event dengan javascript tapi kali ini kita akan belajar dengan menggunakan method addEventListener pada javascript.

untuk lebih jelasnya kita langsung saja praktekan, kali ini silahakan teman-teman buat sebuah file dan ketikan script seperti berikut ini:

Saya membuat sebuah tombol yang nanti kita akan berikan method addEventListener, idenya ketika tombol diklik maka kita akan menampilkan pesan alert selamat pagi juara, kalau kita menuliskan pemberian event seperti biasa maka script yang kita tuliis akan seperti berikut ini:

Jika kita menggunakan method addEventListener maka penulisan scriptnya seperti berikut ini:

Maka jika kita jalankan pada berowser maka ketika tombil di klik akan menampilkan pesan alert, kembali lagi untuk penggunakan teman-teman bebas menggunakannya, kedua cara diatas tidaklah salah, kalian bisa menggunakan salah satu dari cara tadi untuk memanipulasi element dengan DOM javascript.

Oke teman-teman untuk tutorial kali ini tentangĀ membuat event pada javascript dengan addEventListener saya rasa ckup sampai disini dulu, sampai bertemu lagi pada tutorial berikutnya, selamat belajar.

Terima kasih