2 changed files with 23 additions and 1 deletions
--- 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}!`;
+    }
+});
--- a/ejercicio1/index.html
+++ b/ejercicio1/index.html
@@ -8,7 +8,9 @@
    </head>
    <body>
        <h1>Ejercicio 1</h1>
-
+        <input type="text" id="campo-nombre" placeholder="Ingresá tu nombre">
+        <button id="boton-saludo">Saludar</button>
+        <p id="mensaje-resultado"></p>
        <script src="ejercicio1.js"></script>
    </body>
 </html>