changed flotte tableau but it doesn't show up sometimes

This commit is contained in:
2026-06-23 09:51:23 +02:00
parent 0b47b53218
commit 74bc44a09c
3 changed files with 4 additions and 42 deletions
+1 -32
View File
@@ -13,40 +13,9 @@ async function chargerFlotte() {
corps.append(tr);
}
} catch (erreur) {
message.textContent = "Impossible de charger la flotte 😕";
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);
+1 -1
View File
@@ -141,7 +141,7 @@ td {
background-image: linear-gradient(
to top left,
rgb(0 0 0 / 0.001),
rgb(0 0 0 / 0.1) 30%,
rgb(50 90 50 / 0.8) 0.1%,
transparent
);
box-shadow: 2px 5px 3px;
+2 -9
View File
@@ -69,15 +69,8 @@
<h3>Notre flotte</h3>
<p id="message_flotte">Chargement…</p>
<table border=1 class="table">
<thead>
<tr>
<th>Modèle</th>
<th>immatriculation</th>
<th>Km</th>
</tr>
</thead>
<tbody id="flotte_tableau">
<table border=1>
<tbody id="corps_flotte">
</tbody>
</table>