Ejercicio 2

2026-05-28 12:07:25 -03:00
parent 9f57950a7b
commit ccabe13670
2 changed files with 43 additions and 0 deletions
--- a/ejercicio2/ejercicio2.js
+++ b/ejercicio2/ejercicio2.js
@@ -1 +1,32 @@
 // 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);
--- a/ejercicio2/index.html
+++ b/ejercicio2/index.html
@@ -9,6 +9,18 @@
    <body>
        <h1>Ejercicio 2</h1>

+
+        <h2>Comidas tradicionales de Argentina:</h2>
+        <ul id="lista">
+            <li>Asado</li>
+            <li>Empanadas</li>
+            <li>Locro</li>
+        </ul>
+        
+        <h3>Agregar una comida a la lista</h3>
+        <input type="text" id="comidaNueva" placeholder="Escribí otra comida tradicional">
+        <br>
+        <button id="botonAgregar">Agregar</button>
        <script src="ejercicio2.js"></script>
    </body>
 </html>