Add the first Exercice of JS2 W1

zohir rayhan · zohir rayhan · commit ea654b75c704 · 2020-01-29T16:30:24.000+02:00
diff --git a/Week1/homework/js-exercices/bookList.html b/Week1/homework/js-exercices/bookList.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Document</title>
+</head>
+<body>
+    
+
+    <script src="bookList.js">
+
+    </script>
+
+</body>
+</html>
diff --git a/Week1/homework/js-exercices/bookList.js b/Week1/homework/js-exercices/bookList.js
@@ -0,0 +1,44 @@
+var mesLivres=[
+    {
+        title:"Les Crapauds-brousse",
+        author:"Tierno Monénembo",
+        alreadyRead:true,
+        imgSrc:"https://media.senscritique.com/media/000006441212/source_big/Les_crapauds_brousse.jpg",
+    }, 
+    {
+        title: "La Révolte des bovidés",
+        author: "Amadou Hampâté Bâ",
+        alreadyRead: false,
+        imgSrc:"https://images-eu.ssl-images-amazon.com/images/I/61d84huBGyL.jpg",
+    }, 
+    {
+        title: "Hosties noires",
+        author: "Léopold Sédar Senghor",
+        alreadyRead: true,
+        imgSrc:"https://images-na.ssl-images-amazon.com/images/I/41ZQjlvZ2QL._AC_SY400_.jpg",
+    }
+
+]
+var para = document.createElement("p");
+var ulList = document.createElement("ul");
+for (let livreX of mesLivres ) {
+    var div=document.createElement("div");
+    var liList = document.createElement("li");
+    var myImg = document.createElement("img");
+    if(livreX.alreadyRead){
+        div.style.background="red";
+    }else{div.style.background="green";}
+    myImg.src=livreX.imgSrc;
+    myImg.style.height="100px";
+    myImg.style.width="100px";
+    var nodeli = document.createTextNode(livreX.title+' of '+livreX.author);
+    liList.appendChild(nodeli);
+    ulList.appendChild(div);
+    div.appendChild(liList);
+    div.appendChild(myImg);
+    console.log(mesLivres.length)  ;
+}
+var myBody = document.querySelector("body");
+myBody.appendChild(para);
+para.appendChild(ulList);
+
