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:

javascriptlet elems = document.querySelectorAll('p');

for (let elem of elems) {
  elem.addEventListener('click', function() {
    this.classList.toggle('colored');
  });
}