Cara Merubah Warna Teks Ketika Di Klik

Fungsi CSS Sangat banyak jika kita mengetahui secara menyeluruh.. Termasuk merubah warna teks ketika kita meng-klik teks, link maupun button. Termasuk yang akan saya ulas kali ini. Agar lebih mudah dipahami, coba Anda klik salah satu atau semua teks dan button dibawah ini..


Klik untuk membuat Biru Laut berubah warna . .

Orange Tua

Biru Laut


Anda sudah klik Tombol dan Text diatas itu.? berarti sekarang Anda sudah tahu apa maksud dan tujuan posting saya kali ini..

Untuk bisa melakukan itu, Anda hanya perlu memasukkan sedikit CSS dalam postingan maupun kedalam Template Anda..
<button onclick="document.getElementById('Ortu').style.color = 'rgb(242, 99, 0)'" type="button">
Klik untuk membuat Orange Tua berubah warna . .</button>

<div onclick="document.getElementById('blue').style.color = 'blue'" type="txt">
Klik untuk membuat Biru Laut berubah warna . .</div>

<h1 id="Ortu">
Orange Tua</h1>
<h1 id="blue">
Biru Laut</h1>

 Keterangan..!!

1. Perlu Anda ketahui, Ortu dan blue merupakan ID target atau objek yang harus sama dengan asalnya. Maksudnya jika pada button adalah sableng, maka ID pada target juga harus sableng.
2.Kode Button maupun teks bisa Anda tempatkan dimana saja.. sebagai contoh
Klik Disini
Sadar atau tidak tulisan saya pada paragraph pertama berubah jadi hijau..

Sebagai tambahan, jika Anda ingin menghilangkan objek/ teks saat seseorang meng-klik pemicu, silahkan ganti kode dibawah ini
.style.color = 'blue'
menjadi
.style.display = 'none'
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini