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:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Oldingi vazifani takomillashtiring, shunday qiki tugmani qayta bosish ushbu tugmaning harakatini bekor qilsin.