Clase-8-DOM #7

Open
dipaolo.lucio wants to merge 4 commits from dipaolo.lucio/clase-8-DOM:navegador-y-dom into main
3 changed files with 64 additions and 4 deletions
Showing only changes of commit 27145b04b1 - Show all commits

15
.vscode/launch.json vendored Normal file
View File

@@ -0,0 +1,15 @@
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
}
]
}

View File

@@ -1,22 +1,67 @@
// Vincular este archivo al archivo index.html, y resolver aquí los ejercicios.
//1
/*
const tituloh1 = document.querySelector("h1")
console.log(tituloh1.textContent);
tituloh1.textContent = "Titulo reemplazado correctamente"
*/
//2
/*
function List(){
const items = document.querySelectorAll("ul li")
for (const item of items){
item.classList.add("item-lista")
}
}
*/
//3
/*
function agregarItem(texto){
const nuevoLi = document.createElement("li");
nuevoLi.textContent = texto;
const lista = document.getElementById("lista-inicial");
lista.appendChild(nuevoLi);
}
*/
//4
/*
function div(){
const lista_de_parrafos = document.querySelectorAll("#parrafos p");
for (const un_parrafo of lista_de_parrafos) {
if (un_parrafo.textContent.indexOf("importante") > -1){
un_parrafo.classList.add("destacado");
}
}
}
*/
//5
/*
function nuevoDiv(){
const contenedor = document.createElement('div')
const titulo = document.createElement('h2')
titulo.textContent = 'Sabores de la region del litoral';
const parrafo = document.createElement('p');
parrafo.textContent = 'Lista de sabores';
const lista = document.createElement('li')
const comidas = [
'Chipa',
'Pescado de rio a la parrilla',
'Chupin',
'Sopa paraguaya'
];
comidas.forEach(comida => {
const item = document.createElement('li');
item.textContent = comida;
lista.appendChild(item);
});
}
*/
//6
function limpiarLista(listaInicial){
const lista = document.getElementById(listaInicial);
if (lista) {
lista.innerHTML = ""
} else {
console.warn(`No se encontró ninguna lista con el id: "${listaInicial}"`);
}
}

View File

@@ -14,7 +14,7 @@
tiene sus propias comidas típicas, hay algunas que son
tradicionales en casi todas las provincias:</p>
<ul class="lista-comidas" id="lista-inicial">
<ul class="lista-comidas" id="listaInicial">
<li>Asado</li>
<li>Empanadas</li>
<li>Locro</li>