JavaScriptда CSS класслари билан стиллашнинг афзаллиги

Стилларни тўғридан-тўғри ўзгартиришнинг ўрнига класслардан фойдаланиш яна бир афзалликка эга. Қўлнинг энггил ҳаракати билан элементларнинг стиллари алмашиниб туришини таъминлаш мумкин.

Масалан, биринчи марта абзац босилганда у муайян рангга кириши, қайта босилганда эса ўзининг бошланғич рангга қайтишини таъминлаш мумкин. Бунинг учун фақат add услубини toggle услубига ўзгартириш керак:

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

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

Олдинги вазифани модификация қилинг, шундай қилибки, тугмани қайта босилш ушбу тугманинг таъсирини бекор қилсин.