forked from marquez.juan/clase-8-DOM
Compare commits
9 Commits
main
...
bd699429c8
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
bd699429c8 | ||
|
|
898d4ccdbe | ||
|
|
66ef232929 | ||
|
|
8366bbb7d6 | ||
|
|
e5b05481b1 | ||
|
|
b612de3f16 | ||
|
|
862383c36d | ||
|
|
3a7937e349 | ||
|
|
dcb3b5a463 |
@@ -1 +1,56 @@
|
||||
// Vincular este archivo al archivo index.html, y resolver aquí los ejercicios.
|
||||
//ejercicio 1
|
||||
const titulo = document.querySelector("h1");
|
||||
function cambiarTitulo(titulo) {
|
||||
titulo.textContent = "Comidas clásicas/típicas de Argentina";
|
||||
return(titulo)
|
||||
}
|
||||
|
||||
//ejercicio 2
|
||||
const item = document.querySelectorAll("ul li");
|
||||
for (const i of item) {
|
||||
console.log(i.textContent);
|
||||
}
|
||||
|
||||
|
||||
function itemLista() {
|
||||
const item = document.querySelectorAll("ul li");
|
||||
for (const i of item) {
|
||||
i.classList.add("item-lista");
|
||||
}
|
||||
}
|
||||
|
||||
//ejercicio 3
|
||||
const lista = document.querySelector("#lista-inicial");
|
||||
|
||||
function agregarItem(texto) {
|
||||
const nuevoElemento = document.createElement("li");
|
||||
nuevoElemento.textContent = texto;
|
||||
lista.appendChild(nuevoElemento);
|
||||
}
|
||||
|
||||
//ejercicio 4
|
||||
const parrafos = document.querySelectorAll("#parrafos p");
|
||||
parrafos.forEach(p => {
|
||||
if (p.textContent.includes("importante")) {
|
||||
p.classList.add("destacado");
|
||||
}
|
||||
});
|
||||
|
||||
//ejercicio 5;
|
||||
function nuevoDiv() {
|
||||
const div = document.createElement("div")
|
||||
const h2 = document.createElement("h2");
|
||||
h2.textContent = "Comidas tipicas de la region del litoral";
|
||||
div.appendChild(h2);
|
||||
const p = document.createElement("p");
|
||||
p.textContent = "Algunas de las comidas mas tipicas del litoral pueden ser: ";
|
||||
div.appendChild(p);
|
||||
const listaLitoral = document.createElement("ul");
|
||||
const item1 = document.createElement("li");
|
||||
item1.textContent = "Mbejú";
|
||||
listaLitoral.appendChild(item1);
|
||||
const item2 =
|
||||
listaLitoral.textContent = ["Mbejú, Chipa guazu, Sopa paraguaya, Vori Vori"]
|
||||
div.appendChild(listaLitoral);
|
||||
}
|
||||
@@ -176,3 +176,7 @@ h1 {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.item-lista {
|
||||
color: red;
|
||||
}
|
||||
@@ -31,5 +31,8 @@
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user