added tableau flotte and other stuff in flotte.js

flotte.js

@@ -1,7 +1,52 @@
 async function chargerFlotte() {
-  const reponse = await fetch("../vehicules.json"); // on demande le fichier
-  const vehicules = await reponse.json(); // on le transforme en tableau JS
-  console.log(vehicules); // pour vérifier
+  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);