D.4. Setter & Getter : La propriété pizzas

js/main.js

@@ -3,8 +3,11 @@ import Component from './components/Component.js';
 import HomePage from './pages/HomePage.js';
 import PageRenderer from './PageRenderer.js';
 
-const homePage = new HomePage(data);
+let homePage = new HomePage([]);
 
 PageRenderer.titleElement = document.querySelector('.pageTitle');
 PageRenderer.contentElement = document.querySelector('.pizzasContainer');
-PageRenderer.renderPage(homePage);
+PageRenderer.renderPage(homePage); // affiche une page vide
+
+homePage.pizzas = data;
+PageRenderer.renderPage(homePage); // affiche la liste des pizzas

js/pages/HomePage.js

@@ -2,10 +2,15 @@ import Page from './Page.js';
 import PizzaThumbnail from '../components/PizzaThumbnail.js';
 
 export default class HomePage extends Page {
+	#pizzas;
+
 	constructor(pizzas) {
-		super(
-			'La carte',
-			pizzas.map(pizza => new PizzaThumbnail(pizza))
-		);
+		super('La carte');
+		this.pizzas = pizzas;
+	}
+
+	set pizzas(value) {
+		this.#pizzas = value;
+		this.children = this.#pizzas.map(pizza => new PizzaThumbnail(pizza));
 	}
 }