From 80f5ca683ed193bb58d094a2aee9b50adec4171a Mon Sep 17 00:00:00 2001 From: Romeo Date: Tue, 26 May 2026 22:18:09 -0300 Subject: [PATCH] ejercicio 1 --- ejercicio1/ejercicio1.js | 17 +++++++++++++++++ ejercicio1/index.html | 7 +++++++ 2 files changed, 24 insertions(+) diff --git a/ejercicio1/ejercicio1.js b/ejercicio1/ejercicio1.js index 6ce9e92..3f3ef9e 100644 --- a/ejercicio1/ejercicio1.js +++ b/ejercicio1/ejercicio1.js @@ -1 +1,18 @@ // Agregar aquí el código javascript + +// 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."`. + +let saludo = document.querySelector("#saludo"); +let boton = document.querySelector("#enviar"); +let form = document.querySelector("form"); +let nombre = document.querySelector("#input-nombre"); + +form.addEventListener("submit", (e) => { + e.preventDefault(); + if (nombre.value.trim() === ""){ + saludo.textContent = "Por favor, ingresá tu nombre."; + } else {saludo.textContent = `Hola ${nombre.value}!`} +}) + diff --git a/ejercicio1/index.html b/ejercicio1/index.html index 0a5b7d1..ddf3890 100644 --- a/ejercicio1/index.html +++ b/ejercicio1/index.html @@ -8,6 +8,13 @@

Ejercicio 1

+

Ingrese su nombre

+
+ + + +
+