From 8b5b25c46e45d17bfe27f7b6167f29f426941110 Mon Sep 17 00:00:00 2001 From: Nery Benincasa <42608796@terciariourquiza.edu.ar> Date: Thu, 28 May 2026 19:30:06 -0300 Subject: [PATCH 1/2] Ejercicio 1 --- ejercicio1/ejercicio1.js | 20 ++++++++++++++++++++ ejercicio1/index.html | 4 +++- 2 files changed, 23 insertions(+), 1 deletion(-) 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

- + + +

-- 2.49.1 From 0a50af58681baf7b533b6ee49fc2508d79e4f9ee Mon Sep 17 00:00:00 2001 From: Nery Benincasa <42608796@terciariourquiza.edu.ar> Date: Thu, 28 May 2026 19:37:03 -0300 Subject: [PATCH 2/2] Ejercicio 2 --- ejercicio2/ejercicio2.js | 28 ++++++++++++++++++++++++++++ ejercicio2/index.html | 26 ++++++++++++++------------ 2 files changed, 42 insertions(+), 12 deletions(-) diff --git a/ejercicio2/ejercicio2.js b/ejercicio2/ejercicio2.js index 6ce9e92..b138959 100644 --- a/ejercicio2/ejercicio2.js +++ b/ejercicio2/ejercicio2.js @@ -1 +1,29 @@ // Agregar aquí el código javascript +// 1. Selección de los elementos del DOM mediante sus identificadores +const inputItem = document.getElementById("input-item"); +const btnAgregar = document.getElementById("btn-agregar"); +const listaContenedor = document.getElementById("lista-contenedor"); + +// 2. Registro del escuchador de eventos para el clic del botón +btnAgregar.addEventListener("click", function () { + + // 3. Captura y limpieza de espacios en blanco del valor actual del input + const textoItem = inputItem.value.trim(); + + // 4. Validación: si la cadena está vacía, se interrumpe la ejecución + if (textoItem === "") { + return; + } + + // 5. Creación de un nuevo elemento de lista (
  • ) en memoria + const nuevoLi = document.createElement("li"); + + // 6. Asignación del texto validado al contenido del nuevo elemento + nuevoLi.textContent = textoItem; + + // 7. Inserción del nuevo elemento como hijo del contenedor