Estoy tratando de salir de una ventana emergente con JS. Acabo de seguir un tutorial, pero no sucede nada en mi ventana emergente. Solo estoy pensando si se trata de un problema de clase, tal vez estoy señalando la clase incorrecta, pero he intentado todo lo que sé en lo que mi ventana emergente no puede funcionar. este momento pero estoy al comienzo de mi proyecto
aquí está el enlace del tutorial que he seguido: https://www.webtips.dev/how-to-make-an-effect-exit-intent-popup-in-javascript
const exit = (e) => { if (e.target.className === "close") { // user click on the close button document.querySelector(".modal-body").classList.remove("visible"); } }; document.querySelector(".modal-body").addEventListener("click", exit); <div class="bground"> <div class="content"> <span class="close"></span> <div class="modal-body"> <form name="reserve" action="index.html" method="get" onsubmit="return validate();" > <div class="formData"> <label>Prénom</label><br> <input class="text-control" type="text" id="first" name="first" minlength="2" /><br> <br> <input class="checkbox-input" type="checkbox" id="checkbox2" /> <label class="checkbox2-label" for="checkbox2"> <span class="checkbox-icon"></span> Je Je souhaite être prévenu des prochains évènements. </label> <br> </div> <input class="btn-submit" type="submit" class="button" value="C'est parti" /> </form> </div> </div> </div>Creo que tienes una clase incorrecta en eventHandler aquí:
document.querySelector(".modal-body").addEventListener("click", exit);
debiera ser:
document.querySelector(".close").addEventListener("click", exit);
Compruebe este entorno limitado: https://codesandbox.io/s/stoic-hellman-3x9y2s?file=/src/index.js
El elemento con .close está fuera del .modal-body al realizar el evento de clic, el objeto de evento proporcionado no contiene la clase que está buscando. Como punto de partida para la depuración, puede simplemente console.log(e); y ver qué hay en ese objeto en particular