tp1 finit

7a50a41f · Theo Huret · 470ae24c · 7a50a41f · 7a50a41f · 7a50a41f
Commit 7a50a41f authored 3 years ago by Theo Huret
--- a/index.html
+++ b/index.html
@@ -13,6 +13,8 @@
 	<link rel="stylesheet" href="css/news.css">
 	<link rel="stylesheet" href="css/pizzaList.css">
 	<link rel="stylesheet" href="css/footer.css">
+
+	<script src="build/main.js" defer></script>
 </head>
 <body>
 	<header>

--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
+{
+  "name": "pizzaland",
+  "version": "1.0.0",
+  "description": "<img src=\"images/readme/header.jpg\">",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.univ-lille.fr/theo.huret.etu/tp1.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/cli": "^7.17.0",
+    "@babel/core": "^7.17.0",
+    "@babel/preset-env": "^7.16.11"
+  }
+}
--- a/src/main.js
+++ b/src/main.js
-console.log('Welcome to PizzaLand 🍕 !');
\ No newline at end of file
+const data = [
+	{
+		name: 'Regina',
+		base: 'tomate',
+		price_small: 6.5,
+		price_large: 9.95,
+		image: 'https://images.unsplash.com/photo-1532246420286-127bcd803104?fit=crop&w=500&h=300'
+	},
+	{
+		name: 'Napolitaine',
+		base: 'tomate',
+		price_small: 6.5,
+		price_large: 8.95,
+		image: 'https://images.unsplash.com/photo-1562707666-0ef112b353e0?&fit=crop&w=500&h=300'
+	},
+	{
+		name: 'Spicy',
+		base: 'crème',
+		price_small: 5.5,
+		price_large: 8,
+		image: 'https://images.unsplash.com/photo-1458642849426-cfb724f15ef7?fit=crop&w=500&h=300',
+	}
+];
+
+// data.sort( function(a, b)  {
+//  return a.name.localeCompare(b.name);
+// });
+
+// data.sort( function(a, b)  {
+//     return a.price_small-b.price_small;
+//    });
+
+data.sort( function(a, b)  {
+    
+    
+    return a.price_large-b.price_large;
+});
+
+let html="";
+
+// for(let i=0;i<data.length;i++){
+//     const url= "images/"+data[i].toLowerCase()+".jpg";
+//     html = html + `<article class="pizzaThumbnail"> <a href="${url}"><img src="${url}" /><section>${data[i].toLowerCase()}</section></a></article>`;
+// }
+// let url="";
+// data.forEach( element =>{
+//     url= "images/"+element.toLowerCase()+".jpg";
+//     html = html + `<article class="pizzaThumbnail"> <a href="${url}"><img src="${url}" /><section>${element}</section></a></article>`;
+// });
+// data.filter(pizzas => pizzas.base == 'tomate')
+// data.filter(pizzas => pizzas.price_small < 6.0)
+data.filter(pizzas => {
+    return pizzas.name.match(/i/g).length == 2;
+})
+.forEach( element =>{
+
+    html+=`<article class="pizzaThumbnail">
+	<a href="${element.image}">
+		<img src="${element.image}" />
+		<section>
+			<h4>${element.name}</h4>
+			<ul>
+				<li>${element.price_small}</li>
+				<li>${element.price_large}</li>
+			</ul>
+		</section>
+	</a>
+</article>`
+
+});
+
+
+
+console.log(html);
+
+document.querySelector('.pageContent').innerHTML = html;
\ No newline at end of file