marquez.juan/clase-8-DOM
1
0
Fork 23
Code Issues Pull Requests 16 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.
//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"

21
index.html
View File

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