diff --git a/index.html b/index.html index e4a8ad6b516031402719caff43cf52fba1f5ec61..059864d784d0f8290a8fc1fe1597a9a0a9b99809 100644 --- a/index.html +++ b/index.html @@ -14,7 +14,7 @@ <link rel="stylesheet" href="css/pizzaList.css"> <link rel="stylesheet" href="css/footer.css"> - <script src="src/main.js" defer></script> + <script src="build/main.js" defer></script> </head> <body> <header> diff --git a/src/main.js b/src/main.js index e05d3e33807c6ef507e3a22719ac05472fb77f26..955dfe46006ab412c513e00279f94e282acf2163 100644 --- a/src/main.js +++ b/src/main.js @@ -1,4 +1,3 @@ - const data = [ { name: 'Regina', @@ -22,55 +21,6 @@ const data = [ image: 'https://images.unsplash.com/photo-1458642849426-cfb724f15ef7?fit=crop&w=500&h=300', } ]; -/* -const html = data.map(pizza => { - const url = pizza.image; - - return `<article class="pizzaThumbnail"> - <a href="${url}"> - <img src="${url}" alt="${pizza.name}"/> - <section> - <h4>${pizza.name}</h4> - <ul> - <li>Prix petit format : ${pizza.price_small} €</li> - <li>Prix grand format : ${pizza.price_large} €</li> - </ul> - </section> - </a> - </article>`; - -}); -html.forEach(element => document.querySelector('.pageContent').innerHTML += element); -*/ - -/* -const html = data.map(name => { - const url = `images/${name.toLowerCase()}.jpg`; - - return `<article class="pizzaThumbnail"> - <a href="${url}"> - <img src="${url}" alt="${name}"/> - <section>${name}</section> - </a> - </article>`; - -}); - -html.forEach(element => document.querySelector('.pageContent').innerHTML += element); -*/ - -/* -data.forEach(name => { - const url = `images/${name.toLowerCase()}.jpg`; - - document.querySelector('.pageContent').innerHTML += `<article class="pizzaThumbnail"> - <a href="${url}"> - <img src="${url}" alt="${name}"/> - <section>${name}</section> - </a> - </article>`; -}); - */ const html = data.reduce((previous, current) => { return previous + `<article class="pizzaThumbnail"> @@ -87,5 +37,4 @@ const html = data.reduce((previous, current) => { </article>`; }, ""); -console.log(html); document.querySelector('.pageContent').innerHTML = html; \ No newline at end of file