¿Alguna de estas versiones es correcta? Me gustaría que el ícono cambie después de hacer clic en el menú. en javascript estos son mis inicios y no se que es lo correcto
const menu = document.querySelector('#menu-btn'); menu.onclick = () => { menu.classList.toggle('fa-times'); navbar.classList.toggle('active'); };o esto
const menu = document.querySelector('#menu-btn'); menu.addEventListener('click', function(event){ menu.classList.toggle('fa-times'); navbar.classList.toggle('active'); });Ambos son correctos, pero existen varias diferencias entre onclick y addEventListener .
addEventListener puede agregar múltiples eventos a un elemento en particular. onclick puede agregar solo un evento a un elemento. Es básicamente una propiedad, por lo que se sobrescribe.addEventListener puede tomar un tercer argumento que puede controlar la propagación del evento. onclick no puede controlar la propagación de eventos.addEventListener no funciona en versiones anteriores de Internet Explorer, que en su lugar usa addedEvent. onclick funciona en todos los navegadores.