D.1. PizzaThumbnail

js/components/PizzaThumbnail.js

+import Component from './Component.js';
+import Img from './Img.js';
+
+export default class PizzaThumbnail extends Component {
+	constructor({ nom, image, prix_petite, prix_grande }) {
+		super('article', { name: 'class', value: 'media' }, [
+			new Component('a', { name: 'href', value: image }, [
+				new Img(image),
+				new Component('section', { name: 'class', value: 'infos' }, [
+					new Component('h4', null, nom),
+					new Component('ul', null, [
+						new Component(
+							'li',
+							null,
+							`Prix petit format : ${prix_petite.toFixed(2)} €`
+						),
+						new Component(
+							'li',
+							null,
+							`Prix grand format : ${prix_grande.toFixed(2)} €`
+						),
+					]),
+				]),
+			]),
+		]);
+	}
+}

js/main.js

 import data from './data.js';
 import Component from './components/Component.js';
-import Img from './components/Img.js';
+import PizzaThumbnail from './components/PizzaThumbnail.js';
 
 const title = new Component('h1', null, ['La', ' ', 'carte']);
 document.querySelector('.pageTitle').innerHTML = title.render();
 
-const c = new Component('article', { name: 'class', value: 'media' }, [
-	new Img(
-		'https://images.unsplash.com/photo-1532246420286-127bcd803104?fit=crop&w=500&h=300'
-	),
-	'Regina',
-]);
-document.querySelector('.pizzasContainer').innerHTML = c.render();
+const pt = new PizzaThumbnail(data[0]);
+document.querySelector('.pizzasContainer').innerHTML = pt.render();