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

Avatar
Jorge Molina

@jorgemolina

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
Gildo Vargas

@capzzula

elemento.classList.toggle("className");

Avatar
Angel Salvador

@angelsalvador

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

Escribe una respuesta