diff --git a/build/main.js b/build/main.js index 4913fd7ea804d0e00653325ed6ae56ab2fb2bd91..8405dd6898cd863c605d575864c66a00a51a8b5b 100644 --- a/build/main.js +++ b/build/main.js @@ -30,9 +30,10 @@ var data = [{ // } else return rep; // }); //const data2 = data.filter(data => data.base=='tomate'); +//const data2 = data.filter(data => data.price_small<6); var data2 = data.filter(function (data) { - return data.price_small < 6; + return data.name.split('i').length > 2; }); var html = ""; diff --git a/build/main.js.map b/build/main.js.map index e2acee126d47d6cbf61b3541d30cceb32f4ebf09..58b58016294a0195fb58a30e65ceb978d9250439 100644 --- a/build/main.js.map +++ b/build/main.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/main.js"],"names":["data","name","base","price_small","price_large","image","data2","filter","html","i","length","document","querySelector","innerHTML"],"mappings":";;AAAA,IAAMA,IAAI,GAAG,CACT;AACIC,EAAAA,IAAI,EAAE,QADV;AAEIC,EAAAA,IAAI,EAAE,QAFV;AAGIC,EAAAA,WAAW,EAAE,GAHjB;AAIIC,EAAAA,WAAW,EAAE,IAJjB;AAKIC,EAAAA,KAAK,EAAE;AALX,CADS,EAQT;AACIJ,EAAAA,IAAI,EAAE,aADV;AAEIC,EAAAA,IAAI,EAAE,QAFV;AAGIC,EAAAA,WAAW,EAAE,GAHjB;AAIIC,EAAAA,WAAW,EAAE,IAJjB;AAKIC,EAAAA,KAAK,EAAE;AALX,CARS,EAeT;AACIJ,EAAAA,IAAI,EAAE,OADV;AAEIC,EAAAA,IAAI,EAAE,OAFV;AAGIC,EAAAA,WAAW,EAAE,GAHjB;AAIIC,EAAAA,WAAW,EAAE,CAJjB;AAKIC,EAAAA,KAAK,EAAE;AALX,CAfS,CAAb,C,CAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;;AACA,IAAMC,KAAK,GAAGN,IAAI,CAACO,MAAL,CAAY,UAAAP,IAAI;AAAA,SAAIA,IAAI,CAACG,WAAL,GAAiB,CAArB;AAAA,CAAhB,CAAd;AAEA,IAAIK,IAAI,KAAR;;AACA,KAAI,IAAIC,CAAC,GAAG,CAAZ,EAAeA,CAAC,GAAGH,KAAK,CAACI,MAAzB,EAAiCD,CAAC,EAAlC,EAAqC;AACjCD,EAAAA,IAAI,GAAGA,IAAI,+DACAR,IAAI,CAACS,CAAD,CAAJ,CAAQJ,KADR,qCAEKC,KAAK,CAACG,CAAD,CAAL,CAASJ,KAFd,uDAIGC,KAAK,CAACG,CAAD,CAAL,CAASR,IAJZ,8EAM2BK,KAAK,CAACG,CAAD,CAAL,CAASN,WANpC,mEAO2BG,KAAK,CAACG,CAAD,CAAL,CAASL,WAPpC,8EAAX;AAYH,C,CAKD;;;AACAO,QAAQ,CAACC,aAAT,CAAuB,cAAvB,EAAuCC,SAAvC,GAAmDL,IAAnD","sourcesContent":["const data = [\r\n {\r\n name: 'Regina',\r\n base: 'tomate',\r\n price_small: 6.5,\r\n price_large: 9.95,\r\n image: 'https://images.unsplash.com/photo-1532246420286-127bcd803104?fit=crop&w=500&h=300'\r\n },\r\n {\r\n name: 'Napolitaine',\r\n base: 'tomate',\r\n price_small: 6.5,\r\n price_large: 8.95,\r\n image: 'https://images.unsplash.com/photo-1562707666-0ef112b353e0?&fit=crop&w=500&h=300'\r\n },\r\n {\r\n name: 'Spicy',\r\n base: 'crème',\r\n price_small: 5.5,\r\n price_large: 8,\r\n image: 'https://images.unsplash.com/photo-1458642849426-cfb724f15ef7?fit=crop&w=500&h=300',\r\n }\r\n];\r\n\r\n// data.sort(function(a,b) {\r\n// if(a.name < b.name) { return -1; }\r\n// if(a.name > b.name) { return 1; }\r\n// return 0;\r\n// });\r\n// data.sort(function(a,b){\r\n// let rep = a.price_small - b.price_small; \r\n// if(rep==0){\r\n// return a.price_large-b.price_large;\r\n// } else return rep;\r\n// });\r\n\r\n\r\n//const data2 = data.filter(data => data.base=='tomate');\r\nconst data2 = data.filter(data => data.price_small<6);\r\n\r\nlet html = ``;\r\nfor(let i = 0; i < data2.length; i++){\r\n html = html + `<article class=\"pizzaThumbnail\">\r\n <a href=\"${data[i].image}\">\r\n <img src=\"${data2[i].image}\" />\r\n <section>\r\n <h4>${data2[i].name}</h4>\r\n <ul>\r\n <li>Prix petit format : ${data2[i].price_small} €</li>\r\n <li>Prix grand format : ${data2[i].price_large} €</li>\r\n </ul>\r\n </section>\r\n </a>\r\n</article>`;\r\n}\r\n\r\n\r\n\r\n\r\n//console.log(html);\r\ndocument.querySelector('.pageContent').innerHTML = html;"],"file":"main.js"} \ No newline at end of file +{"version":3,"sources":["../src/main.js"],"names":["data","name","base","price_small","price_large","image","data2","filter","split","length","html","i","document","querySelector","innerHTML"],"mappings":";;AAAA,IAAMA,IAAI,GAAG,CACT;AACIC,EAAAA,IAAI,EAAE,QADV;AAEIC,EAAAA,IAAI,EAAE,QAFV;AAGIC,EAAAA,WAAW,EAAE,GAHjB;AAIIC,EAAAA,WAAW,EAAE,IAJjB;AAKIC,EAAAA,KAAK,EAAE;AALX,CADS,EAQT;AACIJ,EAAAA,IAAI,EAAE,aADV;AAEIC,EAAAA,IAAI,EAAE,QAFV;AAGIC,EAAAA,WAAW,EAAE,GAHjB;AAIIC,EAAAA,WAAW,EAAE,IAJjB;AAKIC,EAAAA,KAAK,EAAE;AALX,CARS,EAeT;AACIJ,EAAAA,IAAI,EAAE,OADV;AAEIC,EAAAA,IAAI,EAAE,OAFV;AAGIC,EAAAA,WAAW,EAAE,GAHjB;AAIIC,EAAAA,WAAW,EAAE,CAJjB;AAKIC,EAAAA,KAAK,EAAE;AALX,CAfS,CAAb,C,CAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;;AAEA,IAAMC,KAAK,GAAGN,IAAI,CAACO,MAAL,CAAY,UAAAP,IAAI;AAAA,SAAIA,IAAI,CAACC,IAAL,CAAUO,KAAV,CAAgB,GAAhB,EAAqBC,MAArB,GAA4B,CAAhC;AAAA,CAAhB,CAAd;AAGA,IAAIC,IAAI,KAAR;;AACA,KAAI,IAAIC,CAAC,GAAG,CAAZ,EAAeA,CAAC,GAAGL,KAAK,CAACG,MAAzB,EAAiCE,CAAC,EAAlC,EAAqC;AACjCD,EAAAA,IAAI,GAAGA,IAAI,+DACAV,IAAI,CAACW,CAAD,CAAJ,CAAQN,KADR,qCAEKC,KAAK,CAACK,CAAD,CAAL,CAASN,KAFd,uDAIGC,KAAK,CAACK,CAAD,CAAL,CAASV,IAJZ,8EAM2BK,KAAK,CAACK,CAAD,CAAL,CAASR,WANpC,mEAO2BG,KAAK,CAACK,CAAD,CAAL,CAASP,WAPpC,8EAAX;AAYH,C,CAKD;;;AACAQ,QAAQ,CAACC,aAAT,CAAuB,cAAvB,EAAuCC,SAAvC,GAAmDJ,IAAnD","sourcesContent":["const data = [\r\n {\r\n name: 'Regina',\r\n base: 'tomate',\r\n price_small: 6.5,\r\n price_large: 9.95,\r\n image: 'https://images.unsplash.com/photo-1532246420286-127bcd803104?fit=crop&w=500&h=300'\r\n },\r\n {\r\n name: 'Napolitaine',\r\n base: 'tomate',\r\n price_small: 6.5,\r\n price_large: 8.95,\r\n image: 'https://images.unsplash.com/photo-1562707666-0ef112b353e0?&fit=crop&w=500&h=300'\r\n },\r\n {\r\n name: 'Spicy',\r\n base: 'crème',\r\n price_small: 5.5,\r\n price_large: 8,\r\n image: 'https://images.unsplash.com/photo-1458642849426-cfb724f15ef7?fit=crop&w=500&h=300',\r\n }\r\n];\r\n\r\n// data.sort(function(a,b) {\r\n// if(a.name < b.name) { return -1; }\r\n// if(a.name > b.name) { return 1; }\r\n// return 0;\r\n// });\r\n// data.sort(function(a,b){\r\n// let rep = a.price_small - b.price_small; \r\n// if(rep==0){\r\n// return a.price_large-b.price_large;\r\n// } else return rep;\r\n// });\r\n\r\n\r\n//const data2 = data.filter(data => data.base=='tomate');\r\n//const data2 = data.filter(data => data.price_small<6);\r\n\r\nconst data2 = data.filter(data => data.name.split('i').length>2);\r\n\r\n\r\nlet html = ``;\r\nfor(let i = 0; i < data2.length; i++){\r\n html = html + `<article class=\"pizzaThumbnail\">\r\n <a href=\"${data[i].image}\">\r\n <img src=\"${data2[i].image}\" />\r\n <section>\r\n <h4>${data2[i].name}</h4>\r\n <ul>\r\n <li>Prix petit format : ${data2[i].price_small} €</li>\r\n <li>Prix grand format : ${data2[i].price_large} €</li>\r\n </ul>\r\n </section>\r\n </a>\r\n</article>`;\r\n}\r\n\r\n\r\n\r\n\r\n//console.log(html);\r\ndocument.querySelector('.pageContent').innerHTML = html;"],"file":"main.js"} \ No newline at end of file diff --git a/src/main.js b/src/main.js index 757f1d130a48f1713b043b2df2f9f6fb92a04459..c4186ed22540b900d933e1b40a1d7f34b07bdd23 100644 --- a/src/main.js +++ b/src/main.js @@ -36,7 +36,10 @@ const data = [ //const data2 = data.filter(data => data.base=='tomate'); -const data2 = data.filter(data => data.price_small<6); +//const data2 = data.filter(data => data.price_small<6); + +const data2 = data.filter(data => data.name.split('i').length>2); + let html = ``; for(let i = 0; i < data2.length; i++){