• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

368
Views
Error de menú móvil de JS: no se pueden leer las propiedades de nulo

El menú móvil no se cierra debido a este error:

TypeError no capturado: no se pueden leer las propiedades de nulo (leyendo 'addEventListener')

Aquí está el JS:

 //MOBILE MENU TOGGLE// var menu_element = document.getElementById('menu-mobile-open'); var menu_exists = !!menu_element; if(menu_exists){ menu_element.addEventListener('click', function(){ document.body.classList.add('menu-mobile-active'); }); document.getElementById('menu-mobile-close').addEventListener('click', function(){ document.body.classList.remove('menu-mobile-active'); }); }
about 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Puede simplificar su código y, en lugar de agregar y eliminar clases en eventos de clic, puede alternar esa clase. Un ejemplo de ejemplo para alternar el botón del menú:

 let menu = document.getElementById("menu-button"); menu.addEventListener("click", function(){ menu.classList.toggle("active"); })

En cada clic, se alternará la clase activa. Si está presente, se eliminará. Si no está presente, se agregará.

En este caso, todo lo que debe asegurarse es que la identificación del botón de menú coincida con la identificación que está obteniendo en JavaScript. No necesita verificar su existencia/visibilidad en el sitio web, no me parece necesario, ya que el detector de eventos se aplicará solo cuando exista de todos modos.

about 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error