diff --git a/ejercicio1/ejercicio1.js b/ejercicio1/ejercicio1.js index 6ce9e92..6cabd31 100644 --- a/ejercicio1/ejercicio1.js +++ b/ejercicio1/ejercicio1.js @@ -1 +1,21 @@ // 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}!`; + } +}); \ No newline at end of file diff --git a/ejercicio1/index.html b/ejercicio1/index.html index 0a5b7d1..215c54d 100644 --- a/ejercicio1/index.html +++ b/ejercicio1/index.html @@ -8,7 +8,9 @@

Ejercicio 1

- + + +