Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

0
respostas

Curso Web Desing Responsivo: Códido Js Menu Responsivo

Por que o código do professor não da certo utilizando por exemplo:

const openBtn = document.querySelector(".menu-abrir");
const closeBtn = document.querySelector(".menu-fechar");
const nav = document.querySelector(".barra-nav");

openBtn.addEventListener("click",function(event){
    event.target.classList.add("menu-ativo");
});

ou

const openBtn = document.querySelector(".menu-abrir");
const closeBtn = document.querySelector(".menu-fechar");
const nav = document.querySelector(".barra-nav");
openBtn.addEventListener("click",function(){
    nav.classList.add("menu-ativo");
});

utilizando esses métodos o menu "nav" não abre e somente aparece a tela de fundo fosca