From 5fbb91fc7f6aa0e1422f855e62a09a8c47bec1a3 Mon Sep 17 00:00:00 2001
From: Eliott Collin <eliott.collin0307@gmail.com>
Date: Mon, 24 Jan 2022 16:41:18 +0100
Subject: [PATCH] for on array to display pizza
---
src/main.js | 59 +++++++++++++++++++++++++++++++++++++++++++++--------
1 file changed, 50 insertions(+), 9 deletions(-)
diff --git a/src/main.js b/src/main.js
index 0ba03d4..c74a560 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,12 +1,53 @@
-const name = "Regina",
- url = `images/${name.toLowerCase()}.jpg`,
- html =
-`<article class="pizzaThumbnail">
- <a href="${url}">
- <img src="${url}" alt="${name}"/>
- <section>${name}</section>
- </a>
-</article>`;
+const data = ['Regina', 'Napolitaine', 'Spicy'];
+
+/*
+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 tohtml = name => {
+ const url = `images/${name.toLowerCase()}.jpg`;
+
+ return `<article class="pizzaThumbnail">
+ <a href="${url}">
+ <img src="${url}" alt="${name}"/>
+ <section>${name}</section>
+ </a>
+ </article>`;
+};
+
+const reducer = (previous, current, index) => {
+ if(index === 1) previous = tohtml(previous);
+
+ return previous + tohtml(current);
+};
+
+
+const html = data.reduce(reducer);
console.log(html);
document.querySelector('.pageContent').innerHTML = html;
\ No newline at end of file
--
GitLab