32 lines
829 B
JavaScript
32 lines
829 B
JavaScript
// Agregar aquí el código javascript
|
|
|
|
/* Ejercicio 2: Lista de tareas simple
|
|
|
|
Crear una página con un campo de texto y un botón "Agregar". Cada vez que se
|
|
haga clic en el botón, agregar el texto del campo como un nuevo ítem en una
|
|
lista `<ul>`. Después de agregar el ítem, limpiar el campo.
|
|
|
|
Si el campo está vacío al hacer clic, no agregar nada. */
|
|
|
|
|
|
function agregar () {
|
|
|
|
const comidaNueva = document.getElementById("comidaNueva").value;
|
|
|
|
if (comidaNueva.trim() !== "") {
|
|
|
|
const nuevoLi = document.createElement("li");
|
|
|
|
nuevoLi.textContent = comidaNueva;
|
|
|
|
document.getElementById("lista").appendChild(nuevoLi);
|
|
|
|
document.getElementById("comidaNueva").value = "";
|
|
|
|
}
|
|
|
|
};
|
|
|
|
const boton = document.getElementById("botonAgregar")
|
|
|
|
boton.addEventListener("click", agregar); |