Kelebihan Penggayaan Menggunakan Kelas CSS dalam JavaScript
Penggunaan kelas berbanding mengubah gaya secara langsung mempunyai satu lagi kelebihan. Dengan gerakan tangan yang mudah, kita boleh menjadikan gaya elemen berselang-seli.
Sebagai contoh, kita boleh menjadikan apabila
perenggan diklik buat kali pertama, ia akan
berwarna dengan warna tertentu, dan apabila
diklik sekali lagi - ia akan kembali kepada
warna asal. Untuk melakukan ini, kita hanya
perlu menukar kaedah add kepada kaedah
toggle:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Ubah suai tugas sebelumnya supaya tekanan berulang pada butang membatalkan tindakan butang tersebut.
