Mulai Belajar Event Pada DOM Javascript Part 1

Kita masuk kebagian yang sangatlah menarik yaitu tentang event. Event artinya kejadian atau suatu kondisi yang bisa kita lihat seperti websitenya selesai direload atau sedang diproses atau misalnya kajadian ketika user mengklik sesuatu, meletakkan mouse diatas elemen tertentu. Dengan event ini maka kita bisa lakukan hal-hal tertentu yang bisa membuat website kita jauh lebih menarik. Event dijavascipt tentunya banyak sekali contohnya yang teman teman bisa coba. Kita langsung coba cara penulisannya event ada tiga cara yakni yang pertama menuliskan langsung dibagian tag HTMLnya. Istilahnya kalo di CSS ini adalah cara penulisan inline. Kita buat struktur HTMLnya seperti ini

misalnya saya mau ketika tombol ini diklik maka saya akan ubah background gambarnya. Untuk itu saya tambahkan satu attribute pada elemen gambarnya yaitu event onclick atau ketika di klik

yang kita isi dengan nama fungsinya gantiWarna(). Untuk membuat fungsi tetap didalam tag <script> nya. Dimulai dengan keyword function lalu namanya sebagai berikut

yang akan kita lakukan adalah merubah CSS pada gambar.

dan hasilnya jika kita klik gambarnya maka warna background gambar akan berubah sesuai yang kita atur di Javascriptnya. Semoga teman teman tertarik untuk mencobanya terima kasih.

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