Una clase para estilizar en JavaScript
Supongamos que tenemos dos clases que asignamos a un elemento dependiendo de su estado:
div.active {
color: red;
}
div.passive {
color: black;
}
En realidad, la presencia de dos clases aquí
puede ser un estorbo. En este caso podemos
reescribir los estilos de la siguiente manera
a través del selector :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
En este caso, podremos alternar de forma conveniente nuestra clase, haciendo que el elemento esté activo o inactivo:
elem.classList.toggle('active');
Se dan párrafos. Haz que cada párrafo al primer clic en él se pinte de color rojo, y al segundo clic - se vuelva a pintar de negro.
