Clase-8-DOM #7
15
.vscode/launch.json
vendored
Normal file
15
.vscode/launch.json
vendored
Normal 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}"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -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}"`);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user