Creé una API REST de NodeJS, que devuelve datos JSON de preguntas. Tengo un archivo JS estático que realiza manipulaciones DOM en el lado del cliente para mostrar diferentes preguntas en un orden, toma preguntas de la matriz de preguntas.
Puedo obtener datos de la API en el motor de procesamiento pug y pasarlos a la página principal, pero no puedo encontrar una manera de pasar esos datos como una variable al archivo JS que manipula DOM en la página.
He pensado en un enfoque para obtener datos de la API en el propio archivo js estático, pero no parece ser un enfoque efectivo porque la solicitud a la API se realiza en el propio motor de renderizado.
Mis vistasControlador:
Mi plantilla pug puede acceder a las preguntas:
pero no puedo encontrar una manera de enviar una matriz de preguntas como una variable al archivo JS estático que realiza la manipulación DOM.
Creo que buscar los datos json en su archivo js estático sería lo mejor. Aparte de eso, podrías hacer esto:
let questions = document.querySelectorAll('.overview-box__text').map((el) => JSON.parse(el.innerText));