Tengo un botón con una imagen PLUS svg en él. Al hacer clic, hago que ese Plus svg desaparezca. Revisé en la consola y la función funciona bien, se elimina la clase "visible" y se agrega la clase "invisible". Pero en la interfaz de usuario, Plus svg no desaparece. "Invisible" es una clase en Tailwind que debería ocultar un elemento.
const BtnAddEle = document.querySelector(".addEle"); const plusSvg = document.querySelector(".addElePlus"); BtnAddEle.addEventListener("click", function () { plusSvg.classList.remove("visible"); plusSvg.classList.add("invisible"); });Esto sucede porque Tailwind solo agrega estilos de clase que ha utilizado en el archivo CSS final.
Entonces puedes hacer algo como esto
const BtnAddEle = document.querySelector(".addEle"); const plusSvg = document.querySelector(".addElePlus"); BtnAddEle.addEventListener("click", function () { plusSvg.style.visibility = "hidden" });