Један клас за стилизацију у JavaScript

Претпоставимо да имамо два класа који додељујемо елементу у зависности од његовог стања:

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

Заправо, присуство два класа овде може да смета. У том случају можемо да препишемо стилове на следећи начин помоћу селектора :not:

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

У овом случају можемо на погодан начин да укључимо или искључимо наш клас, чинећи елемент активним или неактивним:

elem.classList.toggle('active');

Дати су параграфи. Направите тако да се сваки параграф при првом клику на њега обоји у црвено, а при другом клику - врати у црно.