Skip to main content
Corrección ortográfico y formato y ortografía del título
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28

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

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

¿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.

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

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.

¿Como ¿Cómo recuperar la palabra mas larga de un texto htmlHTML a travestravés de un array?

pues tengo este texto que a travestravés de un innerhtml llamando al id de un div guardo en un array todo el texto para poder buscar la palbrapalabra 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 aquiaquí va el codigocódigo que llevo hasta el momento.

htmlHTML:

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

javascriptJavaScript:

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;


 

}

¿Como recuperar la palabra mas larga de un texto html a traves de un array?

pues tengo este texto que a traves de un innerhtml llamando al id de un div guardo en un array todo el texto para poder buscar la palbra 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 aqui va el codigo 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;


 

}

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

}
Origen Enlace
Jos
  • 97
  • 1
  • 2
  • 11

¿Como recuperar la palabra mas larga de un texto html a traves de un array?

pues tengo este texto que a traves de un innerhtml llamando al id de un div guardo en un array todo el texto para poder buscar la palbra 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 aqui va el codigo 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;




}