// Agregar aquí el código javascript
// 1. Selección de los elementos del DOM
const inputNombre = document.querySelector("#campo-nombre");
const boton = document.querySelector("#boton-saludo");
const resultado = document.querySelector("#mensaje-resultado");

// 2. Registro del Event Listener utilizando una función clásica
boton.addEventListener("click", function () {
    
    // 3. Obtención y limpieza del valor del campo de texto
    const nombre = inputNombre.value.trim();

    // 4. Estructura condicional para validar el contenido
    if (nombre === "") {
        // Caso en que el campo esté vacío
        resultado.textContent = "Por favor, ingresá tu nombre.";
    } else {
        // Caso en que contenga texto válido
        resultado.textContent = `Hola, ${nombre}!`;
    }
});