modif

assets/js/app.js

@@ -1,20 +1,20 @@
-//REVISIONS
+// REVISIONS
 // Declarez une variable nommée "boucler" contenant true
-
-
+//
+//
 // Declarez un tableau members contenant Aida67, lapie002, anneserrano, Jennysmille, nunkabuk, RCosson, kaonb-ax, FerEmilie, crazychouwi, KiluaZoldyc, patatobeur, Sam11360, elo062, hermeline, Biciclet,
-
+//
 // SI la variable boucler vaut true ALORS
-
-  // Bouclez sur le tableau que vous avez déclaré ci-dessus
-
-  // Mettre un switch pour qu'au moment où la boucle se trouve sur votre pseudo cela ajoute "Affiche " devant votre pseudo dans la console et sur l'écran et par defaut seulement le pseudo des autres
-
+//
+//   Bouclez sur le tableau que vous avez déclaré ci-dessus
+//
+//   Mettre un switch pour qu'au moment où la boucle se trouve sur votre pseudo cela ajoute "Affiche " devant votre pseudo dans la console et sur l'écran et par defaut seulement le pseudo des autres
+//
 // FIN REVISIONS
-
+//
 // COURS AJAX
-  // AJAX Jquery .ajax() ou .get()
-  // Faites une requete vers l'API REST de Github pour récupérer les informations de votre compte
-
-
+//   AJAX Jquery .ajax() ou .get()
+//   Faites une requete vers l'API REST de Github pour récupérer les informations de votre compte
+//
+//
 // FIN COURS AJAX

assets/js/solution.js

@@ -0,0 +1,35 @@
+var boucler = true
+
+var members = ['Aida67','lapie002','anneserrano','Jennysmille','nunkabuk','RCosson','kaonb-ax','FerEmilie','crazychouwi', 'KiluaZoldyc','patatobeur','Sam11360','elo062','hermeline','Biciclet'];
+document.getElementById("check").addEventListener("click",function(){
+
+  if(boucler){
+    for (var i = 0; i < members.length; i++) {
+      switch(members[i]) {
+          case "anneserrano":
+              var newdiv = document.createElement("div");
+              var divcheck = document.getElementById("check");
+
+              newdiv.innerHTML = "<p> Affiche "+ members[i] + "</p>"
+              divcheck.appendChild(newdiv);
+
+              console.log("affiche"+" "+ members[i]);
+              break;
+
+          default:
+
+          var newdiv = document.createElement("div");
+          var divcheck = document.getElementById("check");
+
+          newdiv.innerHTML = "<p>" + members[i] + "</p>"
+          divcheck.appendChild(newdiv);
+
+
+              console.log(members[i]);
+    }
+    }
+  }
+
+
+
+});

index.html

@@ -10,6 +10,6 @@
 
 <div id="check">La liste doit apparaître ici...lors du clic sur cette div...Vanilla JS ou Jquery possible pour l'événement click</div>
 
-<script src="./assets/js/app.js" charset="utf-8"></script>
+<script src="./assets/js/solution.js" charset="utf-8"></script>
 </body>
 </html>