forked from marquez.juan/clase-8-DOM
25 lines
1.0 KiB
JavaScript
25 lines
1.0 KiB
JavaScript
//ejercicio1
|
|
let titulo = document.querySelector("h1");
|
|
titulo.textContent = "Comida Rioplatense";
|
|
|
|
//ejercicio2
|
|
function agregarClaseAItems(etiqueta){ //la funcion debe recibir como parametro la etiqueta html a la cual se le quiere agregar la clase
|
|
array_li = document.querySelectorAll(etiqueta); //lista con los items que tengan dicha etiqueta
|
|
for(let item of array_li){
|
|
item.classList.add("item-lista"); //agregamos a cada item la clase "item-lista"
|
|
}};
|
|
|
|
agregarClaseAItems("li"); //ejecutamos la funcion con la etiqueta HTML como parametro
|
|
|
|
//ejercicio3
|
|
function agregarItem(contenido){
|
|
let lista_inicial = document.querySelector("#lista-inicial"); // alojamos la lista en una variable
|
|
let item_nuevo = document.createElement("li"); // creamos el item
|
|
item_nuevo.textContent = contenido; // le otorgamos el contenido del parametro
|
|
lista_inicial.appendChild(item_nuevo); // añadimos el item a la lista
|
|
};
|
|
|
|
agregarItem("Guiso de lentejas");
|
|
agregarItem("Milanesa napolitana");
|
|
agregarItem("Medialunas");
|