async function chargerFlotte() {
  const message = document.getElementById("message_flotte");
  const corps = document.getElementById("corps_flotte");

  try {
    const reponse = await fetch("../vehicules.json");
    const vehicules = await reponse.json();

    message.textContent = vehicules.length + " véhicules :";
    for (const v of vehicules) {
      const tr = document.createElement("tr");
      tr.textContent = `${v.modele} — ${v.immatriculation} — ${v.km} km`;
      corps.append(tr);
    }
  } catch (erreur) {
    message.textContent = "Impossible de charger la flotte 😕";
    console.error(erreur);
  }
}

chargerFlotte();

const flotte1 = [
  { modele: "Renault Kangoo", immatriculation: "AB-123-CD", km: 45200 },
  { modele: "Peugeot Partner", immatriculation: "EF-456-GH", km: 78900 },
  { modele: "Citroën Berlingo", immatriculation: "IJ-789-KL", km: 12300 },
];

function createLign(car) {
  const tr = document.createElement("tr");

  const tdmodele = document.createElement("td");
  tdmodele.textContent = car.modele;

  const tdimma = document.createElement("td");
  tdimma.textContent = car.immatriculation;

  const tdkm = document.createElement("td");
  tdkm.textContent = car.km;

  tr.append(tdmodele, tdimma, tdkm);
  return tr;
}
const flotte = document.getElementById("flotte_tableau");

function afficherFlotte(list) {
  flotte.innerHTML = "";
  for (const car of list) {
    flotte.append(createLign(car));
  }
}
afficherFlotte(flotte1);