forked from marquez.juan/clase-8-DOM
Ejercicio 3
This commit is contained in:
@@ -29,3 +29,27 @@ function aplicarEstiloALista() {
|
|||||||
console.log("Clase agregada a todos los elementos de la lista.");
|
console.log("Clase agregada a todos los elementos de la lista.");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//Verificar llamando a la funcion en consola
|
||||||
|
//aplicarEstiloALista()
|
||||||
|
|
||||||
|
|
||||||
|
function agregarItem(texto) {
|
||||||
|
// 1. Selecciono la lista usando su id (#lista-inicial)
|
||||||
|
const lista = document.querySelector("#lista-inicial");
|
||||||
|
|
||||||
|
// 2. Creo el nuevo elemento <li> en memoria
|
||||||
|
const nuevoLi = document.createElement("li");
|
||||||
|
|
||||||
|
// 3. Le asigno el texto recibido por parámetro
|
||||||
|
nuevoLi.textContent = texto;
|
||||||
|
|
||||||
|
// 4. Verifico si la lista existe y lo agrego al final
|
||||||
|
if (lista) {
|
||||||
|
lista.appendChild(nuevoLi);
|
||||||
|
} else {
|
||||||
|
console.log("Error: No se encontró la lista con id='lista-inicial'");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//Verificar llamando a la funcion en consola
|
||||||
|
//agregarItem("Chinchulines")
|
||||||
|
|||||||
Reference in New Issue
Block a user