JavaScript-те CSS сыныптары арқылы стильдеудің артықшылығы

Стильдерді тікелей өзгертудің орнына сыныптарды қолданудың тағы бір артықшылығы бар. Қолдың жеңіл қимылымен элементтердің стильдері кезектесіп тұратындай етіп жасауға болады.

Мысалы, абзацқа бірінші рет басқанда ол белгілі бір түске боялып, екінші рет басқанда бастапқы түсін қайтаратындай етуге болады. Бұл үшін add әдісін toggle әдісіне ауыстыру жеткілікті:

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

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

Алдыңғы тапсырманы түрлендіріп, батырмаға қайта басу сол батырманың әрекетін болдырмауы керек.