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 += ` - - ${membre.nom} - ${membre.job} - ${membre.partie} - `; - } - corps.innerHTML = lignes; +corps.innerHTML = ""; +for (const membre of equipe) { + corps.append(creerLigne(membre)); } -afficherEquipe(equipe); document.getElementById("nb_membres").textContent = equipe.length;