Javascript merupakan sebuah bahasa pemrograman client-side yang sangat awesome dan popular didunia pemrograman website. kode javascript ini dapat kita sisipkan dengan bahasa pemrograman website lainnya. Dengan hadirnya javascript ini kita dapat membuat berbagai animasi interaktif yang keren dan menarik didalam website kita.

Berikut ini adalah tutorial sederhana dalam membuat animasi interaktif menggunakan event-event yang terdapat pada javascript itu sendiri. Disini kita mencoba tentang Cara Merubah Warna Text dengan Javascript.

Oke pertama-tama teman-teman jalankan/run text-editor yang teman-teman gunakan, disini saya menggunakan sublime-text. kemudian ketiklah/copy script HTML dibawah ini :

Jika sudah silahkan teman-teman simpan terlebih dahulu, lalu langkah selanjutnya teman-teman tambahkan script javascript seperti dibawah ini :

Script diatas bisa teman-teman letakan diantara tag head maupun didalam body terserah teman-teman. Jika sudah maka hasil penggabungan script diatas menjadi seperti dibawah ini :

Sudah seperti diatas ?, dari kode diatas saya mempunyai 3 paragraph yang dimana saat button di klik maka paragraph dengan index ke-1 akan berubah warna text nya. Jadi pada paragraph javascript ini di itung dari index ke 0-1-2 atau sama seperti array pada php.

Oke langkah selanjutnya silahkan teman-teman simpan dan coba jalankan dibrowser yang teman-teman gunakan. Maka hasilnya akan sama seperti pada gambar dibawah ini :

cara merubah warna text dengan javascript

Bagaimana ? mudahkan teman-teman. Jadi seperti itulah contoh sederhana dalam penggunaan event javascript tentang Cara Merubah Warna Text dengan Javascript. silahkan teman-teman coba berkreasi sendiri sesuai selera teman-teman.

Kalau begitu cukup sekian pembahasan kali ini tentang Cara Merubah Warna Text dengan Javascript semoga dapat bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.

Terimakasih