Hallo sobat program, bertemu lagi dengan saya Rizal dan masih tetap di website Dumetschool. Pada kesempatan kali ini kita akan mencoba Cara Memanggil Gambar Menggunakan Javascript.

Sebenarnya ini hanya iseng-iseng saya saja, padahal lebih mudah memanggil gambar menggunakan script HTML namun saya ingin mencoba apakah bisa javascript dalam memanggil gambar tanpa harus menggunakan tag img src dari HTML. Dan ternyata bisa, yasudah saya mulai mengulik dan mencobanya. Dan sekarang saya akan sharing untuk Cara Memanggil Gambar Menggunakan Javascript.

Oke tanpa panjang lebar lagi mari kita mulai, pertama jalankan/run text-editornya kemudian ketiklah HTML nya seperti pada contoh dibawah ini :

Lalu langkah selanjutnya, tambahkan style CSS nya seperti pada contoh dibawah ini :

Jika sudah HTML serta CSSnya, langkah terakhir atau langkah selanjutnya adalah teman-teman tambahkan script javascript dalam pemanggilan gambar seperti pada contoh dibawah ini :

Kode diatas saya membuat variable myImage untuk membuat objek gambar dengan ukuran 300×300 lalu untuk memanggil file gambarnya menggunakan myImage.src dan nilai nama file nya kemudian saya ingin menampilkan gambar tersebut didalam id gambar maka seperti itulah contohnya. Dan jika dijalankan/run dibrowser maka hasilnya akan menjadi seperti pada gambar dibawah ini :

Cara Memanggil Gambar Menggunakan Javascript

Sangat-sangat riweh ya teman-teman hahaha. Ya namanya iseng padahal lebih mudah menggunakan HTML tag img. Oke silahkan teman-teman explore lagi dari pembahasan diatas.

Jadi seperti itulah contoh tentang Cara Memanggil Gambar Menggunakan Javascript. Semoga dapat sangat bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.

Terimakasih