Creé un botón de icono de barras impresionantes de fuente y al hacer clic en él se mostrará un menú. Aparte de eso, también quiero que el icono de las barras impresionantes de fuentes se reemplace por un icono de cruz. Traté de usar la alternancia pero no funciona, con la consola diciendo que no debería haber caracteres de espacio. Pero si elimino los caracteres de espacio, el documento no podrá leer los iconos de fuentes increíbles. Por favor, ayúdame en esto. Gracias de antemano.

 <div class="hamburger-menu"> <i class="fa-solid fa-bars"></i> </div> const hamburgerMenuBtnContainer = document.querySelector('.hamburger-menu'); const hamburgerMenuBtn = document.querySelector('.hamburger-menu i'); hamburgerMenuBtnContainer.addEventListener('click', function(){ hamburgerMenuBtn.classList.toggle('fa-solid fa-xmark'); });