Estoy haciendo una aplicación web simple con tres botones ("Mostrar Modal 1", "Mostrar Modal 2 y Mostrar Modal 3) Quiero que en el momento de hacer clic en los botones, se imprima un addEventListener en la consola "Botón Clic" cada vez que los botones se hace clic, pero por alguna razón me da el siguiente error: "Error de tipo no detectado: no se pueden leer las propiedades de undefined (leyendo 'addEventListener')".
const btnsOpenModal = document.querySelectorAll('.show-modal'); for (var i = 0; i = btnsOpenModal.length; i++) btnsOpenModal[i].addEventListener("click", function() { console.log("Button clicked"); }); <button class="show-modal">Show modal 1</button> <button class="show-modal">Show modal 2</button> <button class="show-modal">Show modal 3</button>Como ya señala el comentario, la sintaxis es incorrecta. Está haciendo una comparación en su condición de finalización de bucle for. Sin embargo, está utilizando un operador de asignación. Lea más sobre las diferencias en la asignación y la comparación aquí .