const boton = document.querySelector("#boton");

boton.addEventListener("click", () => {
    const nombre = document.querySelector("#nombre").value;

    const saludo = document.querySelector("#saludo");
    // trim() elimina espacios al inicio y al final, para que un texto
    // con solo espacios no se considere válido.
    if (nombre.trim() === "") {
        saludo.textContent = "Por favor, ingresá tu nombre.";
    } else {
        saludo.textContent = `Hola, ${nombre}!`;
    }
});