Pada kesempatan kali ini kita akan masih membahas sesuatu cara mengganti gambar dengan cara mengklik pada javascript, jadi dimana saya mempunyai sebuah gambar default tetapi saya juga ingin merubahnya seperti itu, maka dari itu di sini saya akan coba mebuat dengan bantuan event pada sebuah javascriptnya, event yang akan saya gunakan di sini adalah event click ya teman-teman, Oke bagaimana cara membuatnya simak terus ya teman-teman.

Mungkin sebelumnya kita sudah pernah membuat sebuah penggunaan javascript dan jquery dimana kita merubah teks dan teks lagi maka dari itu saya disini akan mencoba cara mengganti gambar dengan cara mengklik pada javascript, seperti yang saya tulis di atas ya, gambar akan ganti ketika saya mengklik seperti itu. Caranya cukup simple ko teman-teman, jadi nanti saya akan membuat dua tombol button dimana satu untuk mengganti yang satu untuk meresetnya, oke dari pada tambah penasaran silahkan teman-teman perhatikan struktur HTML dan kode javascript berikut ini:

Bagaimana simple ya teman-teman, coba teman-teman perhatikan saya sudah menampilkan sebuah gambar yang bernama javascriptnya, dan gambar jquerynya akan muncul ketika saya mengkliknya, maka dari itu pemanggilan gambar file jquery saya letakan di kode javascirptnya ya teman-teman. Cara untuk meresetnya juga cukup simple, di sini saya membuat kode javascript yang hampir sama cuma ada yang perlu saya hilangkan ya. oke bagaimana hasilnya seperti ini:

cara mengganti gambar dengan cara mengklik pada javascript

 

Gambar di atas sebelum di klik dan di bawah sesudah di klik
cara mengganti gambar dengan cara mengklik pada javascript

Seperti ini ya, oke saya rasa cukup sampai disini dulu belajar kita tentang cara mengganti gambar dengan cara mengklik pada javascript, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.