Mengubah Warna Background dengan JavaScript

Mengubah warna background bisa menggunakan CSS. Namun, bagaimana jika sekarang kita belajar mengubah warna background dengan menggunakan JavaScript? Sulitkah? Tidak. Sangat mudah dan script yang digunakan hanya sedikit.

Kita buat dulu alurnya. Ada 3 tombol bertuliskan Merah, Kuning dan Hijau. Masing-masing tombol pada saat diklik akan memberikan perubahan pada warna background sesuai dengan nama tombolnya. Sudah terbayang kan alurnya?

Sekarang kita akan langsung ketikkan script-nya.

Karena pada saat diklik ada perubahan, maka kita beri event onClick pada setiap button. Dan function yang akan kita gunakan bernama "warna", di dalam parameter function warna('disini') kita bisa mengisi warna kesukaan kita.

Save dan lihatlah hasilnya :

Saat diklik, warna background akan berubah sesuai dengan tombolnya.

Mudah kan? Script dasar ini bisa kalian buat lebih menarik lagi dengan kreativitas.

Semoga bermanfaat ya :)