[Resuelto] -Función para menú de hamburguesa

Avatar

Buenas comunidad alguien me pueda ayudar a como crear una función con JavaScript que cuando yo de click en un botón (por ejemplo de hamburguesa) aparezca mi menú y cuando vuelva a dar click desaparezca. Si me pueden ayudar se los agradecería mucho. Cabe aclarar que lo que es el marcado HTML ya lo tengo y los estilos, solo me hace falta esa función.

Avatar

elemento.classList.toggle("className");

Avatar

Te comparto este pedazo de codigo que saco de un proyecto personal que estoy haciendo ahora.

//Capturas el icono del menu burger (menuBurger) y tambien el menu que vas a mostrar (mainMenu)
const menuBurger = document.getElementById('menu-burger'),
       mainMenu = document.getElementById('main-menu')

//Haces un escuchador del evento click al menuBurger
       menuBurger.addEventListener('click', () => {
           //Una ves se le haga el click, se asigna la clase "show-menu" a mainMenu que contiene por ejemplo un display block que lo hará mostrarse.
           mainMenu.classList.toggle('show-menu')
       })
Avatar

Te comparto este pedazo de codigo que saco de un proyecto personal que estoy haciendo ahora.

//Capturas el icono del menu burger (menuBurger) y tambien el menu que vas a mostrar (mainMenu)
const menuBurger = document.getElementById('menu-burger'),
       mainMenu = document.getElementById('main-menu')

//Haces un escuchador del evento click al menuBurger
       menuBurger.addEventListener('click', () => {
           //Una ves se le haga el click, se asigna la clase "show-menu" a mainMenu que contiene por ejemplo un display block que lo hará mostrarse.
           mainMenu.classList.toggle('show-menu')
       })

Recuerdainiciar sesiónpara participar en la comunidad.