ერთი კლასი სტილიზაციისთვის JavaScript-ში

დავუშვათ, გვაქვს ორი კლასი, რომელსაც ვანიჭებთ ელემენტს მისი მდგომარეობის მიხედვით:

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

სინამდვილეში, ორი კლასის არსებობა აქ შეიძლება ხელი შეგვიშლის. ამ შემთხვევაში, ჩვენ შეგვიძლია გადავწეროთ სტილები შემდეგნაირად სელექტორის :not მეშვეობით:

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

ამ შემთხვევაში, ჩვენ შეგვიძლია მოხერხებულად გადავნაცვლოთ ჩვენი კლასი, რათა ელემენტი გავხადოთ აქტიური ან არააქტიური:

elem.classList.toggle('active');

მოცემულია აბზაცები. გახადეთ ისე, რომ თითოეული აბზაცი პირველ დაწკაპუნებაზე გაწითლდეს, ხოლო მეორე დაწკაპუნებაზე - დაბრუნდეს შავზე.