Merubah Warna Background Dengan Event Onlick() Javascript

Pada tutorial kali ini kita akan belajar tentang bagaimana cara merubah warna background dengan event.

Hallo teman-teman bertemu lagi pada tutorial dumet school, seperti yang kita tau perkembangan bahasa pemrograman khususnya dunia website sangatlah pesat untuk sekarang ini, disini saya akan spesifikasikan pembahasan kita tentang javascript, bagi teman-teman yang sudah pernah kenal atau sudah pernah belajar javascript perkembangannya sangatlah pesat, terbukti dari banyaknya framework-framework yang disediakan javascript oleh para pengembangnya, seperti yang kita tau sekarang sudah ada angular 1 dan angular 2, ionic, jquery, react dan lainnya.

Untuk belajar framework yang tadi saya sebutkan diatas, kita harus menguasai dulu dasar dari javascript, nah pada tutorial sebelumnya kita telah membahas banyak event-event yang ada pada javascript, event adalah suatu kemampuan javascript untuk mendeteksi event atau kejadian-kejadian yang terjadi di halaman web, kemudian menangani atau melakukan suatu proses jika terdeteksi suatu event.

nah kali ini kita akan belajar lagi salah satu event dari javascript yaitu onclick, pada studi kasus kali ini kita akan merubah warna background dengan event onclick mungkin untuk lebih jelasnya kita langsung saja praktekkan, silahkan teman-teman buat sebuah file html dan ketikan script berikut ini:

1 2 3

<input type="radio" name="background" onclick="document.bgColor='lightblue'"> <input type="radio" name="background" onclick="document.bgColor='lightyellow'"> <input type="radio" name="background" onclick="document.bgColor='lightgreen'">

Penjelasan dari script diatas adalah, saya membuat 3 radio, dan saya memberikan event onclick dan saya mengganti warna dengan css bgcolor, jika sudah teman-teman bisa save dan jalankan pada browser masing-masing dan hasilnya akan seperti berikut ini,

ketika memilih radio pertama:

ini hasil ketikan kita memilih radio kedua :

ini hasil ketika kita memilih radio ketiga :

Gimana teman-teman? sangat mudah bukan? silahkan teman-teman praktekan sendiri dirumah, mungkin untuk tutorial kali ini tentang cara merubah warna background dengan event onclick javascript cukup sampai sini dulu, semoga tutorial kali ini bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya, terakhir jangan bosan untuk belajar yah.

Terimakasih