Halo semuanya, semoga sehat selalu ya. Disini saya akan membahas tentang Cara Meubah Gambar Menjadi Hitam Putih dengan Javascript. sebelum kita masuk kepembahasan alangkah baiknya teman-teman sudah mengenal terlebih dahulu tentang html dan css agar dapat dengan mudah mengikutinya.

Sebenarnya dalam merubah gambar menjadi hitam putih sangat mudah ya teman-teman. Karena css sudah memberikan fitur yang tidak kalah dengan software adobe photoshop. Didalam css untuk merubah warna gambar menjadi hitam putih hanya dengan menggunakan property filter dengan pilihan grayscale. Namun disini saya menggunakan event pada javascript agar gambar yang diklik saja yang dapat berubah menjadi hitam putih.

Penasaran bukan ? oke baiklah untuk mempersingkat waktu mari kita mulai mempraktekan Cara Merubah Gambar Menjadi Hitam Putih dengan Javascript.

Pertama-tama buat folder lalu siapkan sebuah gambar yang ingin kita ubah menjadi hitam putih, dan dibawah ini gambar yang saya gunakan :

Cara Merubah Gambar Menjadi Hitam Putih dengan Javascript

Jika sudah, langkah selanjutnya teman-teman jalankan/run text-editornya lalu ketiklah/copy script HTML seperti dibawah ini :

Jangan lupa sesuaikan dengan nama file gambar yang teman-teman gunakan. Jika sudah langkah selanjutnya kita tambahan kode javascript didalamnya seperti dibawah ini :

Hasil dari kedua kode/script diatas akan menjadi seperti dibawah ini :

Jika sudah silahkan teman-teman simpan dan jalankan/run dibrowser yang teman-teman gunakan. Jika benar maka hasilnya ketika gambar diklik akan menjadi seperti pada gambar dibawah ini :

cara merubah gambar menjadi hitam putih dengan javascript

Bagaimana teman-teman ? sangat mudah ya. Oke baiklah kalau begitu saya sudahi dipembahasan kali ini tentang Cara Merubah Gambar Menjadi Hitam Putih dengan Javascript. dan silahkan teman-teman memodifikasinya sesuai keingingan dan selera teman-teman.

Cukup sekian pembahasan kali ini tentang Cara Merubah Gambar Menjadi Hitam Putih dengan Javascript semoga bermanfaat dan sampai bertemu dipembahasan selanjutnya.

Terimakasih