Cara mengubah warna teks dalam JavaScript

Mengubah warna teks berdampak pada desain halaman web.

Langkah 1

Buat elemen HTML yang berisi teks. Contoh ini menunjukkan cara membuat tiga tag yang dapat menggunakan fungsi JavaScript yang dibuat dalam langkah-langkah berikut: Mengubah warna Div (mengubah warna Div)

Ubah warna teks paragraf ini. (Mengubah warna teks paragraf ini). Ubah tag warna span

Langkah 2

Buat fungsi untuk tag div. Fungsi JavaScript berikut mengambil tag div yang dibuat pada langkah 1 dan mengubah warna menjadi merah: function divColorChange () {document.getElementById ('myDiv'). Style.color = '# FF0000';}

Langkah 3

Ubah warna label paragraf. Fungsi JavaScript berikut mengubah warna teks elemen dari paragraf yang dibuat dalam langkah 1 menjadi putih: berfungsi untuk ColorChange () {document.getElementById ('myParagraph'). Style.color = '# 000000';}

Langkah 4

Ubah warna label ekspansi. Akhirnya, ubah label teks menjadi hitam dengan kode berikut: {document.getElementById ('mySpan'). Style.color = '#FFFFFF';}

Langkah 5

Buat tombol untuk meminta fungsi JavaScript. Fungsi dibuat tetapi tidak ada yang terjadi sampai Anda memintanya di kode HTML. Kode berikut membuat tombol. Ketika seorang pengguna mengklik salah satu tombol, fungsi JavaScript yang sesuai disebut: