diff --git a/.learn/resets/06-Create-DOM-Element-Second/index.html b/.learn/resets/06-Create-DOM-Element-Second/index.html new file mode 100644 index 0000000..add4774 --- /dev/null +++ b/.learn/resets/06-Create-DOM-Element-Second/index.html @@ -0,0 +1,12 @@ + + + + + CREATE DOM ELEMENT (2nd) + + +
+ + + + diff --git a/.learn/resets/06-Create-DOM-Element-Second/index.js b/.learn/resets/06-Create-DOM-Element-Second/index.js new file mode 100644 index 0000000..877a3aa --- /dev/null +++ b/.learn/resets/06-Create-DOM-Element-Second/index.js @@ -0,0 +1 @@ +// Your code here diff --git a/.learn/resets/06-Create-DOM-Element-Second/styles.css b/.learn/resets/06-Create-DOM-Element-Second/styles.css new file mode 100644 index 0000000..e69de29 diff --git a/.learn/resets/07-Create-DOM-list-of-li/index.html b/.learn/resets/07-Create-DOM-list-of-li/index.html new file mode 100644 index 0000000..22d2ad2 --- /dev/null +++ b/.learn/resets/07-Create-DOM-list-of-li/index.html @@ -0,0 +1,10 @@ + + + + + Create a DOM list of li + + + + + diff --git a/.learn/resets/07-Create-DOM-list-of-li/index.js b/.learn/resets/07-Create-DOM-list-of-li/index.js new file mode 100644 index 0000000..1c45ff0 --- /dev/null +++ b/.learn/resets/07-Create-DOM-list-of-li/index.js @@ -0,0 +1,6 @@ +let beginning = ""; + +// Do not modify after this line +document.body.innerHTML = beginning + listString + ending; diff --git a/.learn/resets/07-Create-DOM-list-of-li/styles.css b/.learn/resets/07-Create-DOM-list-of-li/styles.css new file mode 100644 index 0000000..e69de29 diff --git a/.learn/resets/08.1-Remove-DOM-Element/index.html b/.learn/resets/08.1-Remove-DOM-Element/index.html new file mode 100644 index 0000000..ccbfc5b --- /dev/null +++ b/.learn/resets/08.1-Remove-DOM-Element/index.html @@ -0,0 +1,16 @@ + + + + + + REMOVE DOM ELEMENT (Part 1) + + + + + + diff --git a/.learn/resets/08.1-Remove-DOM-Element/index.js b/.learn/resets/08.1-Remove-DOM-Element/index.js new file mode 100644 index 0000000..4c9dbd2 --- /dev/null +++ b/.learn/resets/08.1-Remove-DOM-Element/index.js @@ -0,0 +1,4 @@ +// If you check the HTML, you will find that the second
  • has the id=secondElement +// You can use that to your advantage like a CSS selector + +// Your code here diff --git a/.learn/resets/08.1-Remove-DOM-Element/styles.css b/.learn/resets/08.1-Remove-DOM-Element/styles.css new file mode 100644 index 0000000..e69de29 diff --git a/.learn/resets/08.2-Remove-DOM-Element/index.html b/.learn/resets/08.2-Remove-DOM-Element/index.html new file mode 100644 index 0000000..4d1427d --- /dev/null +++ b/.learn/resets/08.2-Remove-DOM-Element/index.html @@ -0,0 +1,15 @@ + + + + + REMOVE DOM ELEMENT (Part 2) + + + + + + diff --git a/.learn/resets/08.2-Remove-DOM-Element/index.js b/.learn/resets/08.2-Remove-DOM-Element/index.js new file mode 100644 index 0000000..0577325 --- /dev/null +++ b/.learn/resets/08.2-Remove-DOM-Element/index.js @@ -0,0 +1 @@ +// Your code here diff --git a/.learn/resets/08.2-Remove-DOM-Element/styles.css b/.learn/resets/08.2-Remove-DOM-Element/styles.css new file mode 100644 index 0000000..e69de29 diff --git a/exercises/06-Create-DOM-Element-Second/README.es.md b/exercises/06-Create-DOM-Element-Second/README.es.md index 986f790..4273ad0 100644 --- a/exercises/06-Create-DOM-Element-Second/README.es.md +++ b/exercises/06-Create-DOM-Element-Second/README.es.md @@ -15,7 +15,7 @@ document.body.innerHTML = "

    Hello World

    "; ## 📝 Instrucciones: -1. Inserta una imagen con la siguiente fuente (src) "https://via.placeholder.com/350x150" en el ``. +1. Inserta una imagen con la siguiente fuente (src) "https://picsum.photos/350/150" en el ``. ## 💡 Pista: diff --git a/exercises/06-Create-DOM-Element-Second/README.md b/exercises/06-Create-DOM-Element-Second/README.md index 8ac70b4..48dc0d6 100644 --- a/exercises/06-Create-DOM-Element-Second/README.md +++ b/exercises/06-Create-DOM-Element-Second/README.md @@ -10,7 +10,7 @@ document.body.innerHTML = "

    Hello World

    "; ## 📝 Instructions: -1. Insert an image with the source "https://via.placeholder.com/350x150" into the ``. +1. Insert an image with the source "https://picsum.photos/350/150" into the ``. ## 💡 Hint: diff --git a/exercises/06-Create-DOM-Element-Second/solution.hide.js b/exercises/06-Create-DOM-Element-Second/solution.hide.js index 7b2b3d3..979e2e9 100644 --- a/exercises/06-Create-DOM-Element-Second/solution.hide.js +++ b/exercises/06-Create-DOM-Element-Second/solution.hide.js @@ -1,2 +1,2 @@ // Your code here -document.body.innerHTML = ``; +document.body.innerHTML = ``; diff --git a/exercises/08.2-Remove-DOM-Element/README.es.md b/exercises/08.2-Remove-DOM-Element/README.es.md index 21bf196..2112c3b 100644 --- a/exercises/08.2-Remove-DOM-Element/README.es.md +++ b/exercises/08.2-Remove-DOM-Element/README.es.md @@ -5,27 +5,27 @@ tutorial: "https://www.youtube.com/watch?v=w2WfYQ8TYUo" # `08.2` Remove DOM element -Es posible recuperar todos los elementos hijos de un elemento del DOM, para eso debes usar la propiedad `childNodes` del elemento. Por ejemplo: +Es posible recuperar todos los elementos hijos de un elemento del DOM, para eso debes usar la propiedad `childrenNodes` del elemento. Por ejemplo: ```js let list = document.querySelector("#myList"); -let childs = list.childNodes; +let childs = list.childrenNodes; ``` ![image 9-1](../../.learn/assets/09-1.png) -Observa que los elementos hijos de un elemento no necesariamente son solo los elementos HTML que están dentro de él (como `
  • `), sino que pueden ser cualquier elemento que esté dentro. Para comprobarlo, puedes utilizar `console.log` con los `childNodes` del elemento `