JavaScript-da CSS klasslari orqali stilizatsiyaning afzalliklari

To'g'ridan-to'g'ri stillarni o'zgartirish o'rniga klasslardan foydalanish yana bir afzallikka ega. Qo'lning engil harakati bilan elementlarning stilini almashinib turishi mumkin.

Masalan, paragrafga birinchi marta bosilganda u ma'lum bir rangga bo'yalishi, qayta bosilganda esa o'zining asl rangiga qaytishi mumkin. Buning uchun add metodini toggle metodiga o'zgartirish kifoya:

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

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