Hoja3_11.js

A partir de la página web proporcionada y utilizando las funciones DOM, mostrar por pantalla la
siguiente información:
1. Número de enlaces de la página
2. Dirección a la que enlaza el penúltimo enlace
3. Numero de enlaces que enlazan a http://prueba
4. Número de enlaces del tercer párrafo

/**
 * Busca el número de enlaces de una página web y los muestra por pantalla
 */
function nEnlaces(){
    var enlaces = document.getElementsByTagName("a");
    ejercicio = document.getElementById("ejerciciosIndividuales")
    // Cambiar el color del texto, eso sí una vez ejecutada esta función el estilo se queda en el contenedor, es decir,
    // no vuleve a ser negro, pero a pesar de eso tenemos que hacerlo en todos los ejercicios, puesto que no sabemos que boton
    // Presionará primero
    ejercicio.style.color = "red";
    ejercicio.innerHTML = "<br>El número de enlaces que hay en el documento es de = " + enlaces.length + "<br>";

}
/**
 * Funcion que escribe cual busca y escribe el penúltimo enlace
 */
function penultimoEnlace(){
    var contenido = document.getElementsByTagName("a");
    ejercicio = document.getElementById("ejerciciosIndividuales");
    // Cambiar el color del texto, eso sí una vez ejecutada esta función el estilo se queda en el contenedor, es decir,
    // no vuleve a ser negro, pero a pesar de eso tenemos que hacerlo en todos los ejercicios, puesto que no sabemos que boton
    // Presionará primero
    ejercicio.style.color = "red";
    ejercicio.innerHTML = "<br>El penúltimo enlace apunta a: " + contenido[contenido.length - 2].href + "<br>";
}
/**
 * Busca y escribe cuantos enlaces apuntan a prueba
 */
function enlacesPrueba(){
    var prueba = document.getElementsByTagName("a");
    cont = 0;
    for (var i = 0; i < prueba.length; i++) {
        if (prueba[i].href == "http://prueba/" || prueba[i].href == "http://prueba") {
            cont++;
        }
    }
    ejercicio = document.getElementById("ejerciciosIndividuales");
    // Cambiar el color del texto, eso sí una vez ejecutada esta función el estilo se queda en el contenedor, es decir,
    // no vuleve a ser negro, pero a pesar de eso tenemos que hacerlo en todos los ejercicios, puesto que no sabemos que boton
    // Presionará primero
    ejercicio.style.color = "red";
    ejercicio.innerHTML = "<br>El número de enlaces apuntando a http://prueba/ son = " + cont  + "<br>";
}
/**
 * Función que comprueba que exista el tercer parrafo y si existe me escriba el número de enlaces que tiene
 */
function enlacesTercerParrafo(){
    var parrafos = document.getElementsByTagName("p");
    ejercicio = document.getElementById("ejerciciosIndividuales");
    // Cambiar el color del texto, eso sí una vez ejecutada esta función el estilo se queda en el contenedor, es decir,
    // no vuleve a ser negro, pero a pesar de eso tenemos que hacerlo en todos los ejercicios, puesto que no sabemos que boton
    // Presionará primero
    ejercicio.style.color = "red";
    if (parrafos[2] != undefined) {
        enlaces = parrafos[2].getElementsByTagName("a");
        ejercicio.innerHTML = "<br/>" + "Numero de enlaces del tercer párrafo = " + enlaces.length;
    } else {
        info.innerHTML = info.innerHTML + "<br/>" + "El tercer parrafo no existe";
    }



}
/**
 * Cuando la página carge buscare el id información en el cual escribiré las respuestas a los ejercicios
 */
window.onload = function() {
    //El contenedor donde voy a escribir con el innnerHTML
    var info = document.getElementById("todos");

    // Numero de enlaces de la pagina
    var enlaces = document.getElementsByTagName("a");
    info.innerHTML = "Numero de enlaces = " + enlaces.length;

    // Direccion del penultimo enlace
    var contenido = "El penultimo enlace apunta a: " + enlaces[enlaces.length-2].href;
    info.innerHTML = info.innerHTML + "<br/>" + contenido;

    // Numero de enlaces que apuntan a http://prueba
    var contador = 0;
    for(var i=0; i<enlaces.length; i++) {
        // http://prueba/ por las diferencias entre navegadores puesto que en el texto hay también http://prueba1, http://prueba2,...
        // Es necesario comprobar los enlaces http://prueba y
        if(enlaces[i].href == "http://prueba" || enlaces[i].href == "http://prueba/") {
            contador++;
        }
    }
    info.innerHTML = info.innerHTML + "<br/>" + contador + " enlaces apuntan a http://prueba"

    // Numero de enlaces del tercer párrafo
    var parrafos = document.getElementsByTagName("p");
    if (parrafos[2] != undefined) {
        enlaces = parrafos[2].getElementsByTagName("a");
        info.innerHTML = info.innerHTML + "<br/>" + "Numero de enlaces del tercer párrafo = " + enlaces.length;
    } else {
        info.innerHTML = info.innerHTML + "<br/>" + "El tercer parrafo no existe";
    }
}