constructed table without innerHTML but search and sort dont work

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;