Tengo varios archivos .json y quiero recuperarlos para poder obtener información de ellos. Como ID de usuario, nombre, salario... Sé cómo hacer uno, pero necesito dos de ellos como en const "urls", para poder tomar datos de ambos y ponerlos en elementos HTML.
`
const urls = ["./fake-server/employees.json", "./fake-server/salaries.json"]; fetch("./fake-server/salaries.json").then(function (response) { return response.json(); }) .then(function (data) { for (var i = 0; i < data.length; i++) { document.getElementById("data").innerHTML += "Person with employee ID of " + "<span class='employee-id'>" + data[i].employeeId + "</span>" + " have salary of " + "<span class='employee-salary'>" + data[i].salary + "</span>" + " $" + " <hr/> "; } }) .catch(function (err) { console.log(err); });`
El comentario de @Nonik es el camino.
const urls = ["./fake-server/employees.json", "./fake-server/salaries.json"]; const requests = urls.map(u=>fetch(u)); Promise.all(requests).then(responses => { responses.forEach(response => { cost data = response.json(); for (var i = 0; i < data.length; i++) { document.getElementById("data").innerHTML += "Person with employee ID of " + "<span class='employee-id'>" + data[i].employeeId + "</span>" + " have salary of " + "<span class='employee-salary'>" + data[i].salary + "</span>" + " $" + " <hr/> "; } }); }) .catch(function (err) { console.log(err); });;