routaboul.romeo/clase-10-ejercicios-de-repaso
1
0
Fork 0
forked from marquez.juan/clase-10-ejercicios-de-repaso
Code Pull Requests Activity

ejercicio2

Browse Source
This commit is contained in:
Romeo
2026-05-27 01:08:20 -03:00
parent 80f5ca683e
commit 7775d18ff8
2 changed files with 27 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
ejercicio2/ejercicio2.js
View File

@@ -1 +1,21 @@
// Agregar aquí el código javascript // Agregar aquí el código javascript
// 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.
let input = document.querySelector("input") //almacenamos en variables el boton, el input y la lista
let boton = document.querySelector("button");
let lista = document.querySelector("ul")
boton.addEventListener("click", ()=>{ // creamos el listener "click" con la funcion
if (!(input.value.trim() === "")){ // si el input NO ESTÁ vacio, continuamos :
nuevoLi = document.createElement("li"); //creamos el li ,
nuevoLi.textContent = input.value.trim(); // le damos contenido ,
lista.appendChild(nuevoLi); // lo anexamos a la lista ,
input.value = ""; // y vaciamos el input :)
}
})
// fin

8
ejercicio2/index.html
View File

@@ -8,7 +8,13 @@
</head> </head>
<body> <body>
<h1>Ejercicio 2</h1> <h1>Ejercicio 2</h1>
<p>escriba un texto para agregar a la lista</p>
<br>
<input type="text" name="input" id="input">
<button id="boton-agregar">Agregar</button>
<br>
<ul>
</ul>
<script src="ejercicio2.js"></script> <script src="ejercicio2.js"></script>
</body> </body>
</html> </html>