Адзін клас для стылізацыі ў JavaScript

Няхай у нас ёсць два класы, якія мы даем элементу ў залежнасці ад яго стану:

div.active {
	color: red;
}
div.passive {
	color: black;
}

На самой справе наяўнасць двух класаў тут можа перашкаджаць. У гэтым выпадку мы можам перапісаць стылі наступным чынам праз селектар :not:

div.active {
	color: red;
}
div:not(active) {
	color: black;
}

У гэтым выпадку мы зможам зручным чынам пераключаць наш клас, робячы элемент актыўным або неактыўным:

elem.classList.toggle('active');

Дадзеныя абзацы. Зрабіце так, каб кожны абзац па першым кліку на яго фарбаваўся ў чырвоны колер, а па другім кліку - фарбаваўся назад у чорны.