Mulai Belajar Event Pada DOM Javascript Part 1

04/08/2016    Ekky Ridyanto    1445     Website

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.

No data.