0
165
ViewsCómo evitar un eventListner por primera vez en la página Cargar en JS
he usado preventDefault() pero eso no funciona aquí es Mi código
btnBookNameSearch.addEventListener("click", (e) => { e.preventDefault(); const searchValue = btnBookNameSearch.value.toLowerCase().trim(); allPgBooks.forEach((product) => { if (product.name == searchValue) { allPgBooksE2.innerHTML = ''; if (allPgBooksE2) {hay un error que estoy cometiendo en las dos primeras líneas del código anterior, pero no sé cómo solucionarlo... el error que recibo es... No se pueden leer las propiedades de nulo (leyendo 'addEventListener')...
3 answers
Answer question0
Su btnBookNamsSearch es nulo. Probablemente esté tratando de encontrar el botón con una identificación o selector incorrecto.
0
Simplemente significa que la variable btnBookNameSearch está vacía. No pudo encontrar el elemento que se suponía que estaba dentro de esa variable. Podría ser un error tipográfico en la forma en que recuperó el elemento, por ejemplo, document.querySelector('.element-class') .
0
use el evento DOMContentLoaded. Agregue su código dentro de la función de devolución de llamada
document.addEventListener("DOMContentLoaded", function(event) { // Your code to run, DOM is loaded and ready btnBookNameSearch.addEventListener("click", (e) => { e.preventDefault(); const searchValue = btnBookNameSearch.value.toLowerCase().trim(); ..... ..... });