Estoy creando un programa donde permitimos la entrada a un establecimiento (gratis con pase o paga sin pase) o la negamos de acuerdo a la edad del cliente. El problema aparentemente radica en que no reconoce el value true o false del checkbox (que valida si la entrada es paga o no) y no mantiene el mensaje impreso, sino que lo muestra sólo durante una fracción de segundo. Muchas gracias por la ayuda!
// Creamos un DOM element (Aquí no hay problema).
const response = document.querySelector('#response');
const responseParagraph = document.createElement('p');
response.appendChild(responseParagraph);
// Recogemos el valor del checkbox (Aparentemente aquí se encuentra el problema).
let checkbox = document.querySelector('#checkbox');
let freePass = checkbox.addEventListener( 'change', () => {
(this.checked) ? true : false });
// Evaluamos las condiciones.
let validarPermiso = () => {
let clientAge = document.getElementById('clientAge').value;
if (clientAge >= 18 && clientAge < 70) {
if (freePass == true) { // Este bloque jamás arroja true.
responseParagraph.innerHTML = 'Adelante, disfrutá gratis de la fiesta.'
} else {responseParagraph.innerHTML = 'Adelante, pagá la entrada y disfrutá de la fiesta.'}
} else {responseParagraph.innerHTML = 'Lo siento, no podés pasar.'}}
<h3>Validación de entrada</h3>
<form name="form" onsubmit="validarPermiso()">
<input type="number" id="clientAge" placeholder="Ingresa tu edad.">
<label for="checkbox"><input type="checkbox" id="checkbox">¿Tenés tu pase?</label>
<input type="submit" value="Confirmar"/>
</form>
<div id="response"></div> <!-- Aquí se imprimirá la respuesta. -->