Preciso de ajuda com o menu

O menu não está aparecendo com os comandos de javascrip como resolvidos no curso.

Quando clico no ícone de menu, nada acontece, o menu lateral não aparece.

HTML:

<nav class="menu-lateral">
        <img src="img/logo.svg" alt="logotipo da HZC" class="menu-lateral-logo">
        <a href="#" class="menu-lateral-link menu-lateral-link-inicio menu-lateral-link-ativo">Início</a>
        <a href="#" class="menu-lateral-link menu-lateral-link-videos">Vídeos</a>
        <a href="#" class="menu-lateral-link menu-lateral-link-picos">Picos</a>
        <a href="#" class="menu-lateral-link menu-lateral-link-integrantes">Integrantes</a>
        <a href="#" class="menu-lateral-link menu-lateral-link-camisas">Camisas</a>
        <a href="#" class="menu-lateral-link menu-lateral-link0-pinturas">Pinturas</a>
    </nav>
    <scrip src="index.js"></scrip>

CSS:

.menu-lateral {
    display: flex;
    flex-direction: column;
    background-color: #15191C;
    width: 75vw;
    height: 100vh;
    position: absolute;
    left: -100vw;

}

.menu-lateral-ativo {
    left: 0;

Javascript:

const botaoMenu = document.querySelector('.cabecalho-menu')
const menu = document.querySelector('.menu-lateral')

botaoMenu.addEventListener('click', () => {
    menu.classList.toggle('menu-lateral-ativo')
})