Tengo un archivo js con múltiples funciones en un solo dominio. Este archivo es utilizado por varios archivos php. En js tengo 2 addEventListener para 2 formularios, pero ambos formularios están en diferentes archivos php. Ahora, si estoy cargando el archivo que NO tiene <form id="quote"> , el js
const formQuote = document.querySelector('#quote'); formQuote.addEventListener('submit', (event) => { quiere crear un addEventListener en un objeto NULL. ¿Cómo evito esto (lo siento, nuevo en php, js, etc.)
Simplemente puede verificar si el elemento es nulo o no usando una declaración if. El valor null es un valor falso, lo que significa que en la instrucción if se evalúa como falso. Puede leer más sobre valores falsos en JavaScript aquí: https://www.freecodecamp.org/news/falsy-values-in-javascript/
const formQuote = document.querySelector('#quote'); if (formQuote) { formQuote.addEventListener('submit', (event) => { console.log('test') }) }