simplonco · adamska27 · Feb 16, 2017
diff --git a/exercice3/algorithme.md 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 <p> ( 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
@@ -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
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Exercice3</title>
+  </head>
+  <body>
+    <div class="container plats"></div>
+
+    <script src="data.js"></script>
+    <script src="exercice3.js"></script>
+  </body>
+</html>
diff --git a/exercice3/exercice3.js 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
@@ -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();