diff --git a/exercice3/algorithme.md b/exercice3/algorithme.md
new file mode 100644
index 0000000..6966225
--- /dev/null
+++ b/exercice3/algorithme.md
@@ -0,0 +1,18 @@
+### algo carte
+
+```
+STEP 1
+Déclare fonction containerPlat en js (stocker dans une var containerPlat), qui sert à stocker l'élément html qui a pour class container plats
+
+STEP 2
+Déclarer fonction createPlat qui a rôle de créer plusieurs élément html pour chaque objet du tableaux plat :
+- une div qui a pour class "plat"
+- un h2 qui a pour class nom
+- deux élément ( un pour le descriptif et un pour le prix)
+- un bouton qui servira a choisir son plat, il aura comme contenu "Ajouter"
+cette fonction relira chaque élément crée précédemment a la div plat via une méthode plat.append(élémentHTML).
+une autre méthode servira à relier l'élément html div "plat" à la variable containerPlat
+
+STEP3
+création d'une fonction (stocker elle même dans une variable createPlats) qui va itérer dans le tableaux plats, à chaque itération la fonction createPlat sera exécutée.
+```
diff --git a/exercice3/data.js b/exercice3/data.js
new file mode 100644
index 0000000..3880428
--- /dev/null
+++ b/exercice3/data.js
@@ -0,0 +1,23 @@
+var plats = [
+ {
+ id: 1,
+ nom: 'plat1',
+ description: 'blablabla 1',
+ price: '12€',
+ selected: 0
+ },
+ {
+ id: 2,
+ nom: 'plat2',
+ description: 'blablabla 2',
+ price: '15€',
+ selected: 0
+ },
+ {
+ id: 3,
+ nom: 'plat3',
+ description: 'blablabla 3',
+ price: '10€',
+ selected: 0
+ }
+ ]
diff --git a/exercice3/exercice3.html b/exercice3/exercice3.html
new file mode 100644
index 0000000..19d195c
--- /dev/null
+++ b/exercice3/exercice3.html
@@ -0,0 +1,13 @@
+
+
+
+
+ Exercice3
+
+
+
+
+
+
+
+
diff --git a/exercice3/exercice3.js b/exercice3/exercice3.js
new file mode 100644
index 0000000..f829c41
--- /dev/null
+++ b/exercice3/exercice3.js
@@ -0,0 +1,36 @@
+var getContainerPlat = function () {
+ return document.querySelector(".container");
+}
+
+var containerPlat = getContainerPlat();
+
+var createPlat = function(index) {
+ var platElt = document.createElement("div");
+ var nomElt = document.createElement("h2");
+ var descriptionElt = document.createElement('p');
+ var priceElt = document.createElement('h3');
+ var btnAddElt = document.createElement('button');
+
+ nomElt.textContent = plats[index].nom;
+ nomElt.classList.add("nom");
+ descriptionElt.textContent = plats[index].description;
+ descriptionElt.classList.add("description");
+ priceElt.textContent = plats[index].price;
+ priceElt.classList.add("price");
+ btnAddElt.textContent = "Ajouter";
+
+ platElt.appendChild(nomElt);
+ platElt.appendChild(descriptionElt);
+ platElt.appendChild(priceElt);
+ platElt.appendChild(btnAddElt);
+
+ containerPlat.appendChild(platElt);
+}
+
+var createPlats = function () {
+ for (i in plats) {
+ createPlat(i);
+ }
+}
+
+createPlats();
diff --git a/exercice3/pseudocode.md b/exercice3/pseudocode.md
new file mode 100644
index 0000000..f4417f6
--- /dev/null
+++ b/exercice3/pseudocode.md
@@ -0,0 +1,29 @@
+var containerPlat => {
+ getClass("container plats");
+}
+
+var createPlat => {
+ createElement div plat
+ createElement h2 nom = plat[i].nom
+ createElement p description = plat[i].description
+ createElement h3 price = plat[i].price
+ createElement button
+ button.id = plat[i].id
+ button.textContent = "Ajouter"
+
+ plat => append(nom)
+ plat => append(description)
+ plat => append(price)
+ plat => append(button)
+
+
+ containerPlat.appendChild(plat)
+}
+
+var createPlats => {
+ loopFor (i in plats) {
+ createPlat();
+ }
+}
+
+createPlats();