albano.santiago/clase-8-DOM
1
0
Fork 0
forked from marquez.juan/clase-8-DOM
Code Pull Requests Activity

Compare commits

base: albano.santiago:167bbaaf54b5d7b5abe088edef9c7285a8cc525e
Branches Tags
albano.santiago:main albano.santiago:ramaNueva-clase8-SantiagoAlbano marquez.juan:main
..
compare: albano.santiago:d67061f4c9fc95beb32f48d6c6c870417c8a20d7
Branches Tags
albano.santiago:ramaNueva-clase8-SantiagoAlbano albano.santiago:main marquez.juan:main

3 Commits
167bbaaf54 ... d67061f4c9

Author SHA1 Message Date
Santi
d67061f4c9 Ejercicio 2 completado 2026-05-14 00:21:11 -03:00
Santi
f047cf0219 Ejercicio 1 completado 2026-05-14 00:02:20 -03:00
Santi
cf725df9a8 Vinculacion del js y html 2026-05-13 23:51:44 -03:00
2 changed files with 47 additions and 30 deletions
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>