diff --git a/ejercicio2/ejercicio2.js b/ejercicio2/ejercicio2.js index 6ce9e92..3174002 100644 --- a/ejercicio2/ejercicio2.js +++ b/ejercicio2/ejercicio2.js @@ -1 +1,22 @@ // Agregar aquí el código javascript +const boton = document.querySelector("#agregar"); + +boton.addEventListener("click", () => { + const campo = document.querySelector("#agregar input"); + const texto = campo.value.trim(); + + const lista = document.querySelector("#lista ul"); + + // Si el campo está vacío, no hacemos nada. + if (texto === "") return; + + // Creamos el nuevo ítem y lo agregamos a la lista. + const item = document.createElement("li"); + item.textContent = texto; + lista.appendChild(item); + + // Limpiamos el campo para que el usuario pueda escribir la próxima tarea. + campo.value = ""; + // Ponemos el cursor nuevamente en el campo: + campo.focus(); +}); diff --git a/ejercicio2/index.html b/ejercicio2/index.html index a6d71cf..310db75 100644 --- a/ejercicio2/index.html +++ b/ejercicio2/index.html @@ -8,6 +8,16 @@