Estoy usando íconos de "Font Awesome" y necesito usar JS para cambiar la clase del ícono en cuestión (es para un modo oscuro/claro), pero no puedo hacerlo funcionar. Me dice esto: "El token proporcionado ('fa-solid fa-moon') contiene caracteres de espacio HTML, que no son válidos en tokens".
Aquí hay un ejemplo.
if (document.body.classList.contains('dark')) { localStorage.setItem('dark-mode', 'true'); var element = document.getElementById('logo'); element.classList.toggle('fa-solid fa-moon'); } else { localStorage.setItem('dark-mode', 'false'); var element = document.getElementById('logomodo'); element.classList.toggle('fa-solid fa-sun'); } }); if (localStorage.getItem('dark-mode') === 'true') { document.body.classList.add('dark'); btnSwitch.classList.add('active'); var element = document.getElementById('logomodo'); element.classList.toggle('fa-solid fa-moon'); } else { document.body.classList.remove('dark'); btnSwitch.classList.remove('active'); var element = document.getElementById('logomodo'); element.classList.toggle('fa-solid fa-sun'); } <i id="logo" class="fa-solid fa-sun"></i>