Cambiar la Clase de un Elemento con JavaScript (sin jQuery) 

Tarde o temprano como desarrollador/a frontend vas a tener que cambiar la clase de un elemento usando JavaScript. Suele hacerse para mostrar estados de error, hacer visible u ocultar un elemento o desplegar un submenú. Y sí, ya sé que vas a decir que con jQuery es muy sencillo de lograr, pero lo cierto es que no hace falta usar ninguna librería externa.
Esta pregunta es tan común que es otra de las PREGUNTAS MÁS FRECUENTES sobre Desarrollo Web y por eso estamos en La Cocina del Código para responderla.
En este video aprenderemos cómo cambiar la clase de un elemento con JavaScript (sin usar jQuery) usado una funcionalidad que tienen todos los navegadores web modernos llamada classList.
Primero veremos cómo agregar o quitar una clase al presionar dos botones distintos. Luego mejoraremos nuestro ejemplo usando un solo botón, verificando si nuestro elemento ya contiene la clase o no. Y por último lo mejoraremos utilizando un solo método que nos proporciona classList que hace la misma verificación internamente.
Además durante el video te voy a contar sobre algunos detalles que tienen los métodos de classList.
Mi nombre es Sacha Lifs y ¡estás en La Cocina del Código!
☕️ INVITAME UN CAFÉ: cafecito.app/lacocinadelcodigo
SUSCRIBITE para no perderte ninguno de los videos.
PREGUNTA DE STACKOVERFLOW
🔗 stackoverflow.com/questions/1...
CÓDIGO DEL EJEMPLO
🔗 codepen.io/sachalifs/pen/ydoKPg