Перавага стылізацыі з дапамогай CSS класаў у JavaScript

Выкарыстанне класаў замест змянення стыляў напрямую мае яшчэ адну перавагу. Лёгкім рухам рукі можна зрабіць так, што стылі элементаў будуць чаргавацца.

Напрыклад, можна зрабіць так, што пры першым кліку на абзац ён будзе фарбавацца ў пэўны колер, а пры паўторным кліку - вяртаць сабе першапачатковы колер. Для гэтага трэба проста метад add памяняць на метад toggle:

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

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

Мадыфікуйце папярэднюю задачу так, каб паўторнае націсканне на кнопку адмяняла дзеянне гэтай кнопкі.