// Seleccionar los elementos
const botonVerificar = document.getElementById("verificar"); // Botón
const inputNombre = document.getElementById("nombre"); // Campo de nombre
const inputEdad = document.getElementById("edad"); // Campo de edad
const mensaje = document.getElementById("mensaje"); // Contenedor de mensaje
// verifica si sale el elemento
botonVerificar.addEventListener("click", () => {
// valores de los campos
const nombre = inputNombre.value.trim(); // sin espacio en blanco
const edad = parseInt(inputEdad.value.trim(), 10); // edad a número entero
// Validar que los campos no estén vacíos
if (!nombre || isNaN(edad)) {
mensaje.textContent = "¡Error! Por favor, completa todos los campos.";
mensaje.style.color = "red";
} else {
// Verificar
if (edad >= 18) {
mensaje.textContent = `¡Hola, ${nombre}! Puedes obtener tu licencia de conducir.`;
mensaje.style.color = "green";
} else {
mensaje.textContent = `Lo siento, ${nombre}. No puedes obtener tu licencia de conducir aún.`;
mensaje.style.color = "orange";
}
}
});