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