// 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();
});