Една класа за стилизирање во JavaScript

Да претпоставиме дека имаме две класи кои ги даваме на елементот во зависност од неговата состојба:

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

Всушност, присуството на две класи овде може да биде пречка. Во овој случај можеме да ги преработиме стиловите на следниов начин преку селекторот :not:

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

Во овој случај, можеме на погоден начин да ја вклучуваме/исклучуваме нашата класа, правејќи го елементот активен или неактивен:

elem.classList.toggle('active');

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