He escrito una pequeña función JS para cambiar el nombre de clase de un elemento HTML. Lamentablemente, mi const de alguna manera no está definida, por lo que la función no se ejecuta.
Este es mi JS:
deglitcher(); function deglitcher() { const glitch = document.querySelector('#bottom-gl'); setTimeout(function () { glitch.className = 'glitch-off'; }, 2000); }Así es como se ve mi HTML:
<div class="sign"> <h1 class="glitch" id="upper-gl" data-text="Glitch1">Glitch1</h1> <h1 class="glitch" id="bottom-gl"data-text="Glitch2">Glitch2</h1> <span class="sub">Test</span> </div>Me gustaría que se viera así:
<div class="sign"> <h1 class="glitch-off" id="upper-gl" data-text="Glitch1">Glitch1</h1> <h1 class="glitch-off" id="bottom-gl"data-text="Glitch2">Glitch2</h1> <span class="sub">Test</span> </div>Espero que alguien más inteligente que yo pueda resolverlo.
La solución que se me ocurrió, gracias a la generosa ayuda de ARMAAN y A Haworth , es la siguiente:
deglitcher(); function deglitcher() { const glitch = document.getElementById('bottom-gl'); setTimeout(function () { console.log(glitch) glitch.classList.add('glitch-off'); glitch.classList.remove('glitch'); console.log('Trele Morele'); }, 2000); } <script src="../src/js/glitch.js" defer></script>A partir de ahora, el problema está resuelto, gracias por su ayuda a todos ;-)