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);
}