Tengo estas imágenes ('emoj's hechas por mí mismo) superpuestas en las casillas de verificación, así que cuando haces clic en una de ellas, serás llevado a la siguiente página donde puedes hacer clic en otra. Luego lo llevarán a la página de resultados donde se ejecuta una función con esta idea:

 if (emoji1Page1.checked && emoji2Page2.checked){ fetchApiDataEmoji1AndEmoji(); }

Emoji1 es un dibujo cómico de Jesús y emoji2 aquí es un dibujo de bomba de tiempo (esta información lo hace un poco más claro)

Entonces obtenemos este html y estoy tratando de hacer funcionar la declaración if con esto

Inserté la prueba para ver si se capturan las imágenes pero nada, solo este error

'Error de tipo no detectado: no se pueden leer las propiedades de nulo (leyendo 'addEventListener')'

¿Alguna idea de cómo bajar esto? ¡Gracias!

 const contentEmojiChecked = document.getElementById('jesus'); const hasteChecked = document.getElementById('timebomb'); contentEmojiChecked.addEventListener('click', test); function test(e) { e.preventDefault(); console.log('test'); } hasteChecked.addEventListener('click', test); function test(e) { e.preventDefault(); console.log('test'); } if (contentEmojiChecked && hasteChecked) { getRecipesForContentEmojiAndHaste() }

 <label for="jesus"> <a href="secondQuestion.html" > <img src="../../assets/Jezus button.png" class="jesus" /> <input type="checkbox" id="jesus"/> </a> </label> <label for="timebomb"> <a href="result.html" > <img src="../../assets/tijdbom.png" class="timebomb"/> <input type="checkbox" id="timebomb"/> </a> </label>