Не удается прочитать свойство addEventListener

Question

Я использую javascript с ruby ​​на рельсах, но когда я пытаюсь передать addEventListener, скажем, null

Я передаю JavaScript через звонок

HTML:

<header class="header">
  <div class="contenedor">
    <h1 class="logo">Doujins Latinos</h1>
    <span class="icon-menu btb-menu" id="btb-menu"><i class="fas fa-bars"></i></span>
    <nav class="nav" id="nav">
      <ul class="menu">
        <li class="menu__item"><a class="menu__link select" href="#">Inicio</a></li>
        <li class="menu__item"><a class="menu__link"href="">Curso</a></li>
        <li class="menu__item"><a class="menu__link"href="">Docente</a></li>
        <li class="menu__item"><a class="menu__link"href="">Contacto</a></li>
      </ul>
    </nav>
  </div>
</header>
<script>
  new toogleView();
</script>

js:

function toogleView(){
  var btnMenu = document.getElementById('btn-menu');
  var nav = document.getElementById('nav');

  btnMenu.addEventListener('click', function(){
    nav.classList.toggle('mostrar');
  });
}

Я буду очень признателен, если вы поможете мне.