marklogo/IFCD0210
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Correciones

Browse Source
This commit is contained in:
Marklogo 2024-01-19 16:55:28 +01:00
parent 085cb5dc63
commit f49cedd764
1 changed files with 20 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
Practicas/Practicas JS/DOM 02/ejercicio01_DOM_enunciado.html → Practicas/Practicas JS/DOM 02/ejercicio02_DOM_enunciado.html
View File

@ -24,7 +24,8 @@
nulla vitae tellus. Sed quis eros nec lectus tempor lacinia. Aliquam nec lectus nec neque aliquet dictum. Etiam 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, <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 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 <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 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. 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. 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 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 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> <script>
let enlaces = document.getElementsByTagName("a"); var elemento = document.getElementById('oculto');
let penultimoEnlace = enlaces[enlaces.length - 2].getAttribute("href"); var boton = document.getElementById('enlace');
let enlacesPrueba = document.querySelectorAll('a[href="http://prueba"]');
let tercerParrafo = document.getElementsByTagName("p")[2];
let enlacesTercerParrafo = tercerParrafo.getElementsByTagName("a");
function toogleParrafo() {
function mostrar(elemento){ if (elemento.style.display === "none") {
elemento.style.display="block"; mostrar()
} } else {
function ocultar(elemento){ ocultar()
elemento.style.display="none"; }
} }
var p = document.createElement("p"); function mostrar() {
p.textContent = `Nº Enlaces: ${enlaces.length}`; elemento.style.display = "block";
document.body.appendChild(p); boton.style.display = "none"
}
var p = document.createElement("p"); function ocultar() {
p.textContent = `Penultimo enlace: ${penultimoEnlace}`; elemento.style.display = "none";
document.body.appendChild(p); boton.style.display = "inline"
}
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);
</script> </script>