89 lines
2.4 KiB
JavaScript
89 lines
2.4 KiB
JavaScript
const equipe = [
|
|
{ nom: "Mélissa", job: "Stagiaire", partie: "Page contact" },
|
|
{ nom: "Guillaume", job: "Stagiaire", partie: "Page services" },
|
|
{ nom: "Matthieu", job: "Tuteur", partie: "Relecture" },
|
|
];
|
|
|
|
for (const membre of equipe) {
|
|
console.log(membre.nom + " — " + membre.job + " — " + membre.partie);
|
|
}
|
|
|
|
function creerLigne(membre) {
|
|
const tr = document.createElement("tr");
|
|
|
|
const tdNom = document.createElement("td");
|
|
tdNom.textContent = membre.nom;
|
|
|
|
const tdJob = document.createElement("td");
|
|
tdJob.textContent = membre.job;
|
|
|
|
const tdPartie = document.createElement("td");
|
|
tdPartie.textContent = membre.partie;
|
|
|
|
tr.append(tdNom, tdJob, tdPartie);
|
|
return tr;
|
|
}
|
|
|
|
const corps = document.getElementById("corps_equipe");
|
|
|
|
function afficherEquipe(liste) {
|
|
corps.innerHTML = "";
|
|
for (const membre of liste) {
|
|
corps.append(creerLigne(membre));
|
|
}
|
|
}
|
|
afficherEquipe(equipe);
|
|
|
|
document.getElementById("nb_membres").textContent = equipe.length;
|
|
|
|
const champRecherche = document.getElementById("recherche");
|
|
|
|
champRecherche.addEventListener("input", function () {
|
|
const motCherche = champRecherche.value.toLowerCase();
|
|
|
|
// on garde seulement les membres dont le nom contient le texte tapé
|
|
const resultats = equipe.filter(function (membre) {
|
|
return membre.nom.toLowerCase().includes(motCherche);
|
|
});
|
|
|
|
afficherEquipe(resultats); // on ré-affiche, mais filtré
|
|
});
|
|
|
|
document.getElementById("trier").addEventListener("click", function () {
|
|
const triee = [...equipe].sort(function (a, b) {
|
|
return a.nom.localeCompare(b.nom);
|
|
});
|
|
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);
|