Mulai Belajar Event Pada DOM Javascript Part 3

Cara ketiga cukup general atau cukup umum digunakan yaitu dengan menggunakan metode addEventListener. Pada addEeventListener ini dia punya dua parameter yang pertama adalah event yang akan kita berikan. Jadi pada contoh ini saya akan menuliskan event untuk tag <span> dan event yang saya gunakan adalah event mouseenter. Event mouseenter ini ketika mouse menyentuh elemen HTMLnya dan parameter yang kedua fungsi yang akan kita jalankan. Pertama kita akan buat struktur yang sama seperti sebelumnya

lalu kita pilih objeknya yakni span dan dikuti dengan metodenya yakni addEeventListener berikut penulisannya

fungsi yang kita jalankan yaitu ubahText. Jadi ketika user menyentuh elemennya maka tulisan tag <span> akan berubah.

kita gunakan metode innerHMLnya untuk mengubah textnya dan ada juga lawannya yaitu event mouseleave yakni ketika mouse meninggalkan elemennya

tapi yang kita lakukan adalah menjalankan fungsi mengubah warna dari backgroundnya. Nama functionnya yakni gantiWarna

Hasilnya dibrowser

itu dia beberapa event yang sering digunakan dan cara penggunaan pada javascript sampai jumpa pada artikel berikut.