Keuntungan Styling Menggunakan Kelas CSS dalam JavaScript
Penggunaan kelas alih-alih mengubah gaya secara langsung memiliki satu keuntungan lagi. Dengan gerakan tangan yang mudah, kita dapat membuat agar gaya elemen-elemen bergantian.
Sebagai contoh, kita dapat membuat agar saat pertama kali
diklik, paragraf akan diwarnai dengan warna tertentu,
dan saat diklik lagi - mengembalikan
warna aslinya. Untuk melakukan ini, kita hanya perlu
mengganti metode add dengan metode toggle:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Modifikasi tugas sebelumnya sehingga tekanan berulang pada tombol membatalkan aksi tombol tersebut.
