diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 0000000..2ba986f --- /dev/null +++ b/.vscode/launch.json @@ -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}" + } + ] +} \ No newline at end of file diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js index af39c43..116b96c 100644 --- a/ejercicios-clase-8.js +++ b/ejercicios-clase-8.js @@ -1 +1,78 @@ // 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}"`); + } +} +*/ +//7 +function modificar(img){ + const imagen = document.querySelector(img) + console.log(imagen.getAttribute("src")) + imagen.setAttribute("src", "foto2.jpg"); + imagen.setAttribute("alt", "locro"); + + +} \ No newline at end of file diff --git a/estilo.css b/estilo.css index fcb26fc..07d655d 100644 --- a/estilo.css +++ b/estilo.css @@ -100,6 +100,9 @@ h1 { color: #7a5200; font-weight: bold; } +.item-lista{ + color:#d7263d; +} /* ========================= IMAGEN diff --git a/index.html b/index.html index 0c393ac..ba513e3 100644 --- a/index.html +++ b/index.html @@ -14,7 +14,7 @@ tiene sus propias comidas típicas, hay algunas que son tradicionales en casi todas las provincias:

-