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