marquez.juan/clase-8-DOM
1
0
Fork 24
Code Issues Pull Requests 17 Projects Releases Wiki Activity

clase-8-DOM Santiago Albano #4

Open
albano.santiago wants to merge 3 commits from albano.santiago/clase-8-DOM:ramaNueva-clase8-SantiagoAlbano into main
pull from: albano.santiago/clase-8-DOM:ramaNueva-clase8-SantiagoAlbano
merge into: marquez.juan:main
Conversation 0 Commits 3 Files Changed 2 +47 -30
2 changed files with 47 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
ejercicios-clase-8.js
View File

@@ -1 +1,17 @@
// Vincular este archivo al archivo index.html, y resolver aquí los ejercicios. // Vincular este archivo al archivo index.html, y resolver aquí los ejercicios.
//1-
const cambiarTitulo = () =>{
const titulo = document.querySelector("h1");
console.log(titulo.textContent);
titulo.textContent = "Título nuevo";
}
//2-
const agregarClase = () => {
const items = document.querySelectorAll("li");
for (const item of items) {
item.classList.add("item-lista");
}
};
// no cambia porque en el css no hay ninguna clase con el nombre "item-lista", el que dice en el ejericico"

61
index.html
View File

@@ -1,35 +1,36 @@
<!DOCTYPE html> <!doctype html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width" />
<title>Comidas típicas de Argentina</title> <title>Comidas típicas de Argentina</title>
<link rel="stylesheet" href="estilo.css"> <link rel="stylesheet" href="estilo.css" />
</head> </head>
<body> <body>
<h1>Comidas típicas de Argentina</h1> <h1>Comidas típicas de Argentina</h1>
<div class="grupo-comidas"> <div class="grupo-comidas">
<p id="primer-parrafo" class="texto-inicial">Si bien cada región <p id="primer-parrafo" class="texto-inicial">
tiene sus propias comidas típicas, hay algunas que son Si bien cada región tiene sus propias comidas típicas, hay algunas que
tradicionales en casi todas las provincias:</p> son tradicionales en casi todas las provincias:
</p>
<ul class="lista-comidas" id="lista-inicial"> <ul class="lista-comidas" id="lista-inicial">
<li>Asado</li> <li>Asado</li>
<li>Empanadas</li> <li>Empanadas</li>
<li>Locro</li> <li>Locro</li>
<li>Tortas fritas</li> <li>Tortas fritas</li>
</ul> </ul>
<img id="foto" src="foto1.jpg" alt="Empanadas"> <img id="foto" src="foto1.jpg" alt="Empanadas" />
</div> </div>
<div id="parrafos"> <div id="parrafos">
<p>Este es un párrafo cualquiera.</p> <p>Este es un párrafo cualquiera.</p>
<p>Pero este es un párrafo muy importante.</p> <p>Pero este es un párrafo muy importante.</p>
<p>Es importante distinguir los párrafos relevantes de los <p>Es importante distinguir los párrafos relevantes de los comunes.</p>
comunes.</p> <p>¿Y este párrafo? ¿Será importante?</p>
<p>¿Y este párrafo? ¿Será importante?</p> <p>Este es otro párrafo del montón.</p>
<p>Este es otro párrafo del montón.</p> </div>
</div> <script src="ejercicios-clase-8.js"></script>
</body> </body>
</html> </html>