Estoy creando una aplicación de venta de automóviles, en la que necesito enumerar los nombres de las personas que publicaron un trabajo en mi interfaz de usuario.

Aquí está el código fuente, que llama desde mi API para obtener el nombre del cartel de trabajo

 function populate_with_jobs () { // for (var job of job_feed) { // make_get_call(/user?userId=${job.creatorId}) // do_job_timeout(job) // } job_feed.forEach(element => { make_get_call(/user?userId=${element.creatorId}) do_job_timeout(element) }) } function do_job_timeout(job) { setTimeout(() => { create_job_div(job, response_dict.name) }, 500) } function create_job_div(job,name) { const job_details = document.createElement('div') const job_creator = document.createElement('p') job_creator.style.textDecoration = 'underline' job_creator.style.color = '#0000EE' job_creator.innerText = By: ${name} }

Aquí, lleno mi página de trabajos, a través de una API que devuelve la respuesta correcta. En mi función do-job-timeout, creo mi div de trabajo que contiene el nombre de la persona que creó un trabajo. Aquí tengo un tiempo de espera para asegurarme de que la respuesta de la API esté completa antes de hacer cualquier otra cosa.

Entonces, por ejemplo, digamos que en mi lista tengo los nombres

["James", "Janus", "Alexandar"]

En la interfaz de usuario, solo se completa el apellido para todos los trabajos

Trabajo 1 Creado por: Alexandar

Trabajo 2 Creado por: Alexander

Trabajo 3 Creado por: Alexander

cual podria ser mi problema?

Traté de usar un HTML interno += "Por ${nombre}" para asegurarme de que no se sobrescriba nada

También probé una instrucción forEach y Let