Ejercicio 1

2026-05-28 11:22:31 -03:00
parent 610d2530dd
commit 9f57950a7b
2 changed files with 28 additions and 1 deletions
--- a/ejercicio1/ejercicio1.js
+++ b/ejercicio1/ejercicio1.js
@@ -1 +1,26 @@
 // Agregar aquí el código javascript
+
+/* Ejercicio 1: Saludo personalizado
+
+Crear una página con un campo de texto y un botón. Al hacer clic en el botón,
+leer el valor del campo y mostrar en la página el mensaje `"Hola, [nombre]!"`.
+Si el campo está vacío, mostrar en su lugar `"Por favor, ingresá tu nombre."`. */
+
+
+
+const boton = document.querySelector("#boton");
+
+boton.addEventListener("click", (e) => {
+
+    const nombre = document.querySelector("#nombre").value;
+
+    if (nombre.trim() !== "") {
+
+        document.getElementById("saludo").textContent = `Hola, ${nombre}!`;
+
+    } else {
+
+        document.getElementById("saludo").textContent = "Por favor, ingresa tu nombre"
+    }
+    
+});
--- a/ejercicio1/index.html
+++ b/ejercicio1/index.html
@@ -8,7 +8,9 @@
    </head>
    <body>
        <h1>Ejercicio 1</h1>
-
+        <input type="text" id="nombre" placeholder="Ingresa tu nombre">
+        <p id="saludo"></p>
+        <button type="submit" id="boton">Enviar</button>
        <script src="ejercicio1.js"></script>
    </body>
 </html>