diff --git a/html/chercherUnRepas.html b/html/chercherUnRepas.html
index 8961a268c0f824827a44d34becf5665544719998..6855074eee08e517258818e9bb47c4b7e476f69e 100644
--- a/html/chercherUnRepas.html
+++ b/html/chercherUnRepas.html
@@ -29,26 +29,78 @@
         document.getElementsByName('textbox')[0].placeholder='Écrire votre repas';
     }
 
+    function buildHeader(frigo){
+        var container = document.createElement("div");
+        var title = document.createElement("p");
+        var label = document.createElement("div");
+        var nom = document.createElement("span");
+        var addresse = document.createElement("span");
+        var breakElement = document.createElement("br");
+
+        title.className= "titleSection";
+        label.className = "selectedFridgeLabel";
+        nom.className = "bold underlined";
+        addresse.className = "bold";
+
+        title.appendChild(document.createTextNode("Chercher un repas"));
+        nom.appendChild(document.createTextNode(frigo.nom));
+        addresse.appendChild(document.createTextNode(frigo.addresse));
+
+        label.appendChild(nom);
+        label.appendChild(breakElement.cloneNode(false));
+        label.appendChild(addresse);
+        container.appendChild(breakElement.cloneNode(false));
+        container.appendChild(title);
+        container.appendChild(breakElement.cloneNode(false));
+        console.log(label);
+        container.appendChild(label);
+
+        return container;
+    }
+    var i = 0;
+    function buildRepas(repas,indexFrigo){
+        var indexRepas = i++;
+        var item = document.createElement("div");
+        var nom = document.createElement("span");
+        var add = document.createElement("button");
+        var breakElement = document.createElement("br");
+
+        item.className= "mealOutline";
+        nom.className = "bold";
+        add.className = "addButton";
+        add.onclick = (()=>{addToPanier(event,indexRepas, indexFrigo)});
+
+        nom.appendChild(document.createTextNode(repas.nom));
+        add.appendChild(document.createTextNode("+"));
+        item.appendChild(nom);
+        item.appendChild(breakElement);
+        item.appendChild(document.createTextNode(repas.type));
+        item.appendChild(breakElement.cloneNode(false));
+        item.appendChild(document.createTextNode("Quantité : " + repas.qt + " disponibles"));
+        item.appendChild(breakElement.cloneNode(false));
+        item.appendChild(add);
+
+        return item;
+    }
+
     function retrieveRepas(){
         var index = sessionStorage.getItem('frigoIndex');
         console.log(index)
         if(index != null){
             var obj = httpGetJson();
-            let builtUpHTML = '<br><p class="titleSection">Chercher un repas</p><br>' +
-                '<div class="selectedFridgeLabel">' +
-                '<span class="bold underlined">' + obj.array[index].nom + '</span><br>' +
-                '<span class="bold">' + obj.array[index].addresse + '</span>' +
-                '</div> <div class="listeRepas">'
-            for (let i = 0; i < obj.array[index].repas.length; i++){
-                builtUpHTML += '<div class="mealOutline">' +
-                    '<span class="bold">' + obj.array[index].repas[i].nom + '</span><br>' +
-                    obj.array[index].repas[i].type + '<br>' +
-                    'Quantité : ' + obj.array[index].repas[i].qt + ' disponibles<br>' +
-                    '<button class = "addButton" onclick="addToPanier(event,'+i+', '+index+')"> + </button>' +
-                    '</div>';
-            }
-            builtUpHTML += '</div>';
-            document.getElementById('listeRepas').innerHTML = builtUpHTML;
+            var container = document.getElementById('listeRepas')
+
+            container.innerHTML = "";
+            container.appendChild(buildHeader(obj.array[index]));
+
+            container.appendChild(document.createElement("div"));
+            container = container.lastChild;
+            container.className = "listeRepas";
+
+            obj.array[index].repas.forEach(repas => {
+                container.appendChild(buildRepas(repas));
+            })
+
             sessionStorage.removeItem('frigoIndex');
         }
     }
diff --git a/html/listeFrigos.html b/html/listeFrigos.html
index 2f0ac687dd335ef238f72382ee8d096128cf37f4..c298421ab4e1d3385bbba38a6502f295822e32a7 100644
--- a/html/listeFrigos.html
+++ b/html/listeFrigos.html
@@ -45,8 +45,8 @@
 
         var liste = document.getElementById("listeFrigo");
 
-        obj.array.forEach(x => {
-            liste.appendChild(buildFrigo(x));
+        obj.array.forEach(frigo => {
+            liste.appendChild(buildFrigo(frigo));
         })
     }
     function saveFrigoIndex(index){