changed flotte tableau but it doesn't show up sometimes
This commit is contained in:
@@ -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
@@ -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
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user