Pada kesempana kali ini saya akan menjelaskan cara mengubah url gambar dengan javascript. Perlu teman-teman ketahui sebelumnya, untuk mengganti atau memanipulasi url gambar bisa menggunakan javascript. Ada kalanya suatu saat teman-teman membutuhkan tehnik yang saya jelaskan disini untuk mengganti atau memanipulasi url gambar lama di html dengan url gambar yang baru dengan javascript, dan nantinya url baru tersebut tersimpan pada kode javascript. Dan pada contoh yang saya jelaskan disini saya menggunakan id di tag img yang ingin diubah nantinya, dan dari id tersebut menjadi acuan di kode javascriptnya. Untuk membuatnya teman-teman bisa mengikuti tahapan saya di bawah ini.

Berikut Tahapannya :

  • Teman-teman buat terlebih dahulu satu buah file dengan nama index.html
  • Jika sudah ketikan kodenya seperti di bawah ini :

Note :

  1. untuk kode document.getElementById(“ganti1”) adalah kode javascript untuk mencari element html yang memiliki id dari img yang ingin diubah
  2. untuk kode .src = “https://cdn.pixabay.com/photo/2018/01/11/09/42/network-3075716__340.jpg”; adalah kode javascript untuk mengubah attribute src html tag img
  3. untuk kode html yang terdapat di button onclick=”replaceIMG()” adalah attribute html untuk event onclick.
  • Jika sudah teman-teman save terlebih dahulu file index.html tersebut, dan lihat hasilnya di browser teman-teman

Sampai disini penjelasan saya mengenai cara mengubah url gambar dengan javascript, semoga bermanfaat.