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.

Mengubah-Warna-Background-dengan-JavaScript

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 :

Mengubah-Warna-Background-dengan-JavaScript

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 :)

17 Februari 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat