From f49cedd764d271cfe97acdfcb195fb389e4c974d Mon Sep 17 00:00:00 2001
From: Marklogo <marklogo@gmail.com>
Date: Fri, 19 Jan 2024 16:55:28 +0100
Subject: [PATCH] Correciones

---
 ...do.html => ejercicio02_DOM_enunciado.html} | 53 +++++++------------
 1 file changed, 20 insertions(+), 33 deletions(-)
 rename Practicas/Practicas JS/DOM 02/{ejercicio01_DOM_enunciado.html => ejercicio02_DOM_enunciado.html} (67%)

diff --git a/Practicas/Practicas JS/DOM 02/ejercicio01_DOM_enunciado.html b/Practicas/Practicas JS/DOM 02/ejercicio02_DOM_enunciado.html
similarity index 67%
rename from Practicas/Practicas JS/DOM 02/ejercicio01_DOM_enunciado.html
rename to Practicas/Practicas JS/DOM 02/ejercicio02_DOM_enunciado.html
index d9157e2..8a36213 100644
--- a/Practicas/Practicas JS/DOM 02/ejercicio01_DOM_enunciado.html	
+++ b/Practicas/Practicas JS/DOM 02/ejercicio02_DOM_enunciado.html	
@@ -24,7 +24,8 @@
         nulla vitae tellus. Sed quis eros nec lectus tempor lacinia. Aliquam nec lectus nec neque aliquet dictum. Etiam
         <a href="http://prueba3">consequat sem quis massa</a>. Donec aliquam euismod diam. In magna massa, mattis id,
         pellentesque sit amet, porta sit amet, lectus. Curabitur posuere. Aliquam in elit. Fusce condimentum, arcu in
-        scelerisque lobortis, ante arcu scelerisque mi, at cursus mi risus sed tellus.</p>
+        scelerisque lobortis, ante arcu scelerisque mi, at cursus mi risus sed tellus.
+    </p>
     <p id="oculto" style="display:none">Donec sagittis, nibh nec ullamcorper tristique, pede velit feugiat massa, at
         sollicitudin justo tellus vitae justo. Vestibulum aliquet, nulla sit amet imperdiet suscipit, nunc erat laoreet
         est, a <a href="http://prueba">aliquam leo odio sed sem</a>. Quisque eget eros vehicula diam euismod tristique.
@@ -32,44 +33,30 @@
         augue eu lorem dictum interdum. Donec pretium. Proin <a href="http://prueba4">egestas</a> adipiscing ligula.
         Duis iaculis laoreet turpis. Mauris mollis est sit amet diam. Curabitur hendrerit, eros quis malesuada
         tristique, ipsum odio euismod tortor, a vestibulum nisl mi at odio. <a href="http://prueba5">Sed non lectus non
-            est pellentesque</a> auctor.   <a href="#" onclick="ocultar(document.getElementById('oculto'))">Ocultar</a>  </p>
+            est pellentesque</a> auctor. <a href="#" onclick="toogleParrafo()">Ocultar</a> </p>
 
-    <a id="enlace" href="#" onclick="mostrar(document.getElementById('oculto'))">Sigue leyendo</a>
+    <a id="enlace" href="#" onclick="toogleParrafo()">Sigue leyendo</a>
 
     <script>
-        let enlaces = document.getElementsByTagName("a");
-        let penultimoEnlace = enlaces[enlaces.length - 2].getAttribute("href");
-        let enlacesPrueba = document.querySelectorAll('a[href="http://prueba"]');
-        let tercerParrafo = document.getElementsByTagName("p")[2];
-        let enlacesTercerParrafo = tercerParrafo.getElementsByTagName("a");
+        var elemento = document.getElementById('oculto');
+        var boton = document.getElementById('enlace');
 
-
-        function mostrar(elemento){
-                elemento.style.display="block";
-        }
-        function ocultar(elemento){
-                elemento.style.display="none";
+        function toogleParrafo() {
+            if (elemento.style.display === "none") {
+                mostrar()
+            } else {
+                ocultar()
+            }
         }
 
-        var p = document.createElement("p");
-        p.textContent = `Nº Enlaces: ${enlaces.length}`;
-        document.body.appendChild(p);
-
-        var p = document.createElement("p");
-        p.textContent = `Penultimo enlace: ${penultimoEnlace}`;
-        document.body.appendChild(p);
-
-        var p = document.createElement("p");
-        p.textContent = `Enlaces que comienzan con Prueba: ${enlacesPrueba.length}`;
-        document.body.appendChild(p);
-
-        var p = document.createElement("p");
-        p.textContent = `Nº Enlaces en el tercer parrafo: ${enlacesTercerParrafo.length}`;
-        document.body.appendChild(p);
-
-
-
-
+        function mostrar() {
+            elemento.style.display = "block";
+            boton.style.display = "none"
+        }
+        function ocultar() {
+            elemento.style.display = "none";
+            boton.style.display = "inline"
+        }
     </script>