Един клас за стилизация в JavaScript
Да предположим, че имаме два класа, които даваме на елемент в зависимост от неговото състояние:
div.active {
color: red;
}
div.passive {
color: black;
}
Всъщност наличието на два класа тук
може да пречи. В този случай можем да
препишем стиловете по следния начин
чрез селектора :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
По този начин можем по удобен начин да превключваме нашия клас, правейки елемента активен или неактивен:
elem.classList.toggle('active');
Дадени са абзаци. Направете така, че всеки абзац при първо кликване върху него да се оцветява в червено, а при второ кликване - да се оцветява обратно в черно.
