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

- + + +

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