Ver codigo

  // Función para calcular el tiempo de lectura en minutos
  function calcularTiempoDeLectura(texto) {
    // Obtener el número de palabras en el texto
    var numeroDePalabras = texto.split(" ").length;
    // Establecer la velocidad de lectura en palabras por minuto
    const VELOCIDAD_DE_LECTURA = 250;
    // Calcular el tiempo de lectura en minutos
    var tiempoDeLectura = numeroDePalabras / VELOCIDAD_DE_LECTURA;
    // Redondear el tiempo de lectura al entero más cercano
    tiempoDeLectura = Math.round(tiempoDeLectura);
    // Devolver el tiempo de lectura
    return tiempoDeLectura;
  }

  // Función para contar las palabras totales en un texto
  function contarPalabrasTotales(texto) {
    // Separar el texto por espacios y obtener un arreglo de palabras
    var palabras = texto.split(" ");
    // Devolver el número de elementos del arreglo
    return palabras.length;
  }

  // Función para mostrar el número de palabras y el tiempo de lectura en el elemento HTML con el id "info"
  function mostrarInfo() {
    // Obtener el elemento HTML con el id "blog"
    var blog = document.getElementById("blog");
    // Obtener el texto del blog
    var texto = blog.textContent;
    // Contar las palabras totales usando la función anterior
    var palabrasTotales = contarPalabrasTotales(texto);
    // Calcular el tiempo de lectura usando la función que ya tienes
    var tiempoDeLectura = calcularTiempoDeLectura(texto);
    // Obtener el elemento HTML con el id "info"
    var infoElemento = document.getElementById("info");
    // Mostrar el número de palabras y el tiempo de lectura en el elemento HTML usando una plantilla de cadena
    infoElemento.innerHTML = `Palabras totales: ${palabrasTotales} <br> Tiempo de lectura: ${tiempoDeLectura} minutos`;
  }

<h1>Titulo de palabras y tiempo de lectura</h1>
<div id="info"></div>
<div id="blog">
  <h1><strong>Vigilantis Exsurgentis</strong></h1>
<h2><em>Liber I: Certamen Intergalacticum</em></h2>
<p>In extremis universi, ubi stellae ad pugnam saltant, surgit legendarium bellator. Nomen eius: <strong>Kazan, Saiyanus</strong>. Capilli aurei ut soles, oculi flammae accensi, Kazan ultimum spem prae se fert.</p>
<h3><strong>Arena Deorum</strong></h3>
<p>In coelesti amphitheatro, dii expectant. <strong>Beerus</strong>, Deus Excidii, labra lambit. Iuxta eum, <strong>Whis</strong>, fidelis eius minister, corbata cosmica ordinat. Certamen imminet.</p>
<h3><strong>Clamor Kamehamehae</strong></h3>
<p>Kazan contra <strong>Zarkonem</strong>, guerram scutulatam et oculis ignitis, pugnat. Spectatores anhelum tenent. Kazan vim suam concentrat. Musculi eius tenduntur. ¡Kamehameha!</p>
<h3><strong>Ascensus Super Saiyanus</strong></h3>
<p>Caelum rumpitur. Kazanis vis effunditur. Crines eius eriguntur, aura caerulea fit. <strong>Super Saiyanus Caeruleus</strong>. Zarkon tremit. Universum totum sensum est.</p>
<h3><strong>Fatum Pendens</strong></h3>
<p>Quis praevalebit? Furor incoercibilis Kazani an astutia Zarkonis? Tempus sistitur. Stellae exspectant. Universum spiritum tenet.</p>
<p><em>Quid tibi videtur? An vis amplius epicorum eventuum? Tune proxima hebdomade specta, ut finem excitantis rei cognoscas!</em> 🌟🔥.</p>
</div>

  
    // Ejecutar la función mostrarInfo cuando el documento esté listo
    document.addEventListener("DOMContentLoaded", function() {
      mostrarInfo();
    });

Calculadora de Tiempo de Lectura y Conteo de Palabras

Explicación del Código:

1. calcularTiempoDeLectura(texto): Calcula el tiempo de lectura en minutos basado en una velocidad de lectura promedio de 250 palabras por minuto.
2. contarPalabrasTotales(texto): Cuenta el número total de palabras en un texto.
3. mostrarInfo(): Obtiene el texto de un elemento HTML con el id "blog", calcula el tiempo de lectura y el conteo de palabras, y luego muestra esta información en otro elemento con el id "info".

Ejemplos de Funcionalidades en Aplicaciones:

• Blogs y Artículos: Informar a los lectores sobre el tiempo estimado que tomará leer un artículo o entrada de blog.
• Plataformas Educativas: Ayudar a los estudiantes a gestionar su tiempo al proporcionar una estimación del tiempo de lectura para los materiales de estudio.
• Aplicaciones de Noticias: Ofrecer a los usuarios una rápida visión general del tiempo necesario para leer las noticias completas.

Para Quién Podría Servir:

• Desarrolladores de Contenido Web: Para integrar en sitios que contienen textos largos y desean mejorar la experiencia del usuario.
• Educadores: Que desean proporcionar estimaciones de tiempo de lectura para sus materiales didácticos.
• Lectores: Que buscan administrar su tiempo de lectura eficientemente.

Ventajas Competitivas al Implementar este Código:

• Mejora la Experiencia del Usuario: Proporciona una experiencia de usuario más informada y gestionable.
• Engagement: Puede aumentar el compromiso de los usuarios al establecer expectativas claras sobre la duración del contenido.
• Optimización del Tiempo: Ayuda a los usuarios a planificar su tiempo de lectura, lo que puede ser especialmente útil para lecturas largas.

FAQ

"¿Cómo calcula el tiempo de lectura el código JS?" **Respuesta:** El código estima el tiempo de lectura dividiendo el total de palabras del texto por una velocidad promedio de lectura de 250 palabras por minuto.

"¿Este código JS ayuda en la educación?" Respuesta: Sí, es ideal para plataformas educativas, proporcionando a los estudiantes una estimación del tiempo necesario para leer materiales de estudio.

"¿El contador de palabras mejora los blogs?" Respuesta: Definitivamente. Informa a los lectores sobre el tiempo estimado de lectura, mejorando la experiencia y el compromiso con el contenido del blog.

Última modificación: vieres 22 de marzo 2024