Skip to main content

¿Cómo recuperar la palabra mas larga de un texto HTML a través de un array?

pues tengo este texto que a través de un innerhtml llamando al id de un div guardo en un array todo el texto para poder buscar la palabra mas larga que tiene y imprimirlo en un div especifico en este caso llamado "wordMax", pero soy incapaz de entender lo que tengo que hacer y como realizar el array para poder sacarlo, dicho todo esto aquí va el código que llevo hasta el momento.

HTML:

<div id="layer2">
    <p>Es un hecho establecido hace demasiado tiempo que un lector se distraerá con el contenido del texto de un
        sitio mientras que mira su diseño. El punto de usar Lorem Ipsum es que tiene una distribución más o menos
        normal de las letras, al contrario de usar textos como por ejemplo "Contenido aquí, contenido aquí". Estos
        textos hacen parecerlo un español que se puede leer. Muchos paquetes de autoedición y editores de páginas
        web usan el Lorem Ipsum como su texto por defecto, y al hacer una búsqueda de "Lorem Ipsum" va a dar por
        resultado muchos sitios web que usan este texto si se encuentran en estado de desarrollo. Muchas versiones
        han evolucionado a través de los años, algunas veces por accidente, otras veces a propósito (por ejemplo
        insertándole humor y cosas por el estilo).</p>
</div>

<div id="wordMax"></div>

JavaScript:

function ejercicio2() {
    /* Recuperar la palabra de mayor longitud y mostrarla en la capa wordMax */
    /*
        PASO 1: Recuperar el contenido de la capa layer2
        PASO 2: A ese contenido realizar el split por el espacio en blanco
        PASO 3: Iterar sobre el array de palabras y para cada una de ellas obtener su longitud (método length)
        PASO 4: Actualizar la longitud si es mayor que la anterior guardada
    
    */

    debugger;
    var in1 = document.getElementById('layer2').innerHTML;

    let total = [];

    total.push(in1);
    console.log(total);

    var longest = total.reduce(
        function (a,b) {
            return a.length > b.length ? a: b;
        }
    );

    document.getElementById('wordMax').innerHTML= longest;

}
Jos
  • 97
  • 1
  • 2
  • 11