You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.0 KiB
36 lines
1.0 KiB
const endPoint = "http://jailton.bootcamp.dev.netuno.org:20190/services";
|
|
getAllParques();
|
|
|
|
async function getAllParques() {
|
|
|
|
const parques = await fetch(`${endPoint}/parque`).then((res)=>res.json()).catch((err)=>err);
|
|
|
|
const tbody = document.querySelector('#tbody');
|
|
const trfoot = document.querySelector('#tfoot > tr');
|
|
tbody.innerHTML="";
|
|
|
|
let AreaTotal = 0;
|
|
parques.forEach(parque => {
|
|
|
|
const tr = document.createElement('tr');
|
|
|
|
const tdNome = document.createElement('td');
|
|
tdNome.textContent = parque.nome;
|
|
const tdEstado = document.createElement('td');
|
|
tdEstado.textContent = parque.estado;
|
|
const tdArea = document.createElement('td');
|
|
tdArea.textContent = `${parque.area.toFixed(0)} km²`;
|
|
|
|
tr.appendChild(tdNome);
|
|
tr.appendChild(tdEstado);
|
|
tr.appendChild(tdArea);
|
|
|
|
AreaTotal += parque.area;
|
|
tbody.appendChild(tr);
|
|
});
|
|
const tdTotal = document.createElement('td');
|
|
tdTotal.textContent = `${AreaTotal.toFixed(0)} km²`;
|
|
trfoot.appendChild(tdTotal);
|
|
}
|
|
|
|
|