JavaScript'те CSS класстары менен стилдөөнүн артыкчылыгы

Стилдерди түздөн-түз өзгөртүүнүн ордуна класстарды колдонуунун дагы бир артыкчылыгы бар. Колдун жеңил кыймылы менен элементтердин стилдери алмашып турушу мүмкүн.

Мисалы, абзацка биринчи чыкылдаганда ал белгилүү бир түскө боёлсо, кайра чыкылдаганда баштапкы түсүн кайтарып ала тургандай кылууга болот. Бул үчүн add ыкмасын toggle ыкмасына алмаштыруу керек:

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

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

Мурунку тапшырманы өзгөртүп, баскычты кайра басуу ошол баскычтын аракетин жокко чыгарсын.