Memberikan warna pada tulisan halaman biasa dilakukan dengan menggunakan CSS. Untuk mengubah warna text tersebut menjadi warna lain sehingga menjadi lebih interaktif dapat dilakukan dengan menggunakan Javascript.

Berikut adalah contoh baris program pada HTML.

<div id="kotak"></div>

Terdapat sebuah elemen HTML dengan nama id "kotak".

Berikut adalah baris program untuk mengatur atau mengubah warna dengan javascript.

var id_a = document.getElementById("kotak"); id_a.style.color = "red";

Pada baris program diatas, elemen dengan id "kotak" dipilih dan disimpan pada sebuah variabel "id_a". Warna text atau tulisan kemudian diatur dengan menggunakan property style.color yang diikuti dengan warna yang diinginkan.

Berikut ini adalah contoh penggunannya.

Pada saat tombol "Merah" ditekan, dijalankan sebuah fungsi dimana berisi perintah dimana mengubah warna text menjadi warna merah, Begitu pula dengan tombol "Hitam". Berikut

Berikut adalah baris program digunakan

HTML

<div> <div id="kotak"> <p>Ini Budi</p> </div> </div> <div> <button onclick="merah()">Merah</button> <button onclick="hitam()">Hitam</button> </div>

Javascript

var id_a = document.getElementById("kotak"); function merah(){ id_a.style.color = "red"; } function hitam(){ id_a.style.color = "black"; }

Lihat juga dan .

Sekian, Semoga bermanfaat