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 @@
Ingrese su nombre
+ +