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;
}