Estoy construyendo un sitio personal que tiene un índice de lista de proyectos. Desde esta lista, un usuario puede hacer clic en un proyecto y ver el contenido. Tengo una función global que recupera la clase principal del contenido de cada proyecto, determina el tiempo de lectura del contenido y devuelve la clase y el tiempo de lectura asociado. También tengo una matriz vacía a la que enviaré los valores devueltos después de que se ejecute la función.

 //array to store class/reading time pair const dataPair = []; //function that retrieves text content, calculates reading time, // and returns the class + associated reading time const readTime = function(contentClass) { const txt = document.getElementsByClassName(contentClass)[0].textContent; const wordCount = txt.replace( /[^\w ]/g, "" ).split( /\s+/ ).length; const readingTimeInMinutes = Math.floor(wordCount / 228) + 1; const readingTimeAsString = readingTimeInMinutes + " minute read"; const readTimeOutput = { cls: contentClass, tme: readingTimeAsString } return readTimeOutput; };

En cada página de proyecto, tengo una función que llama a la función global y envía los valores devueltos a la matriz vacía.

 (() => { const output = readTime("project-one"); dataPair.push(output); })();

Mi pregunta es: ¿hay alguna manera de ejecutar todo esto globalmente para poder completar el índice de la lista de proyectos con el tiempo de lectura de cada proyecto también? De la forma en que esto está configurado ahora, los valores devueltos solo están disponibles una vez que se carga una página del proyecto, por lo que no hay forma de recuperar el tiempo de lectura para que se muestre fuera de esa página.