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.

4 Agustus 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat