forked from marquez.juan/clase-8-DOM
Compare commits
4 Commits
main
...
0d5a1d045c
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
0d5a1d045c | ||
|
|
fe8150b2f1 | ||
|
|
475d4dd86b | ||
|
|
a3255c92f5 |
@@ -1 +1,31 @@
|
|||||||
// Vincular este archivo al archivo index.html, y resolver aquí los ejercicios.
|
// Vincular este archivo al archivo index.html, y resolver aquí los ejercicios.
|
||||||
|
|
||||||
|
//Ejercicio 1 de la clase 8.
|
||||||
|
|
||||||
|
function cambiarPrimerTitulo() {
|
||||||
|
const titulo = document.querySelector("h1");
|
||||||
|
titulo.textContent = "El título ha sido modificado con éxito"
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//Ejercicio 2 de la clase 8.
|
||||||
|
|
||||||
|
function agregarItemLista() {
|
||||||
|
const items = document.querySelectorAll(".lista-comidas");
|
||||||
|
|
||||||
|
for (const item of items) {
|
||||||
|
item.classList.add("item-lista");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//Ejercicio 3 de la clase 8.
|
||||||
|
|
||||||
|
function agregarItem(comidas) {
|
||||||
|
const lista = document.querySelector("#lista-inicial");
|
||||||
|
|
||||||
|
const nuevoItem = document.createElement("li");
|
||||||
|
nuevoItem.textContent = comidas;
|
||||||
|
lista.appendChild(nuevoItem);
|
||||||
|
}
|
||||||
@@ -31,5 +31,7 @@
|
|||||||
<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>
|
||||||
|
|||||||
Reference in New Issue
Block a user