diff --git a/equipe.js b/equipe.js index fd957fa..4214961 100644 --- a/equipe.js +++ b/equipe.js @@ -55,34 +55,3 @@ document.getElementById("trier").addEventListener("click", function () { }); afficherEquipe(triee); }); - -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); diff --git a/flotte.js b/flotte.js index 4f27757..5d9840b 100644 --- a/flotte.js +++ b/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); diff --git a/pages/contact.html b/pages/contact.html index 26145e0..808185c 100644 --- a/pages/contact.html +++ b/pages/contact.html @@ -36,7 +36,7 @@

- +

@@ -45,8 +45,8 @@

Il vous reste 500 caractères.

- - + +

@@ -67,6 +67,8 @@ +

Notre flotte

+

Chargement…