From d4fb8696dce9c01de8f7112ed2b59ffecd83e118 Mon Sep 17 00:00:00 2001
From: Melissa <stage2@echoes.solutions>
Date: Mon, 22 Jun 2026 10:32:53 +0200
Subject: [PATCH] constructed table without innerHTML but search and sort dont
 work

---
 equipe.js | 31 +++++++++++++++++--------------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/equipe.js b/equipe.js
index 3956411..e8ce941 100644
--- a/equipe.js
+++ b/equipe.js
@@ -4,25 +4,28 @@ const equipe = [
   { 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) {
-  let lignes = "";
-  for (const membre of liste) {
-    lignes += `
-            <tr>
-                <td>${membre.nom}</td>
-                <td>${membre.job}</td>
-                <td>${membre.partie}</td>
-            </tr>`;
-  }
-  corps.innerHTML = lignes;
+corps.innerHTML = "";
+for (const membre of equipe) {
+  corps.append(creerLigne(membre));
 }
-afficherEquipe(equipe);
 
 document.getElementById("nb_membres").textContent = equipe.length;