Предимство на стилизиране с CSS класове в JavaScript

Използването на класове вместо директна промяна на стиловете има още едно предимство. С леко движение на ръката може да се направи така, че стиловете на елементите да се редуват.

Например, може да се направи така, че при първото кликване върху абзац той да се оцветява в определен цвят, а при повторно кликване - да си връща първоначалния цвят. За това просто трябва методът add да се смени с метода toggle:

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

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

Модифицирайте предходната задача така, че повторно натискане на бутона отменя действието на този бутон.