From b4650549ae0d66ef1f7b240eaf46558c9ffb741a Mon Sep 17 00:00:00 2001
From: Tom Dunet <tom18dunet@gmail.com>
Date: Fri, 16 Feb 2024 16:35:42 +0100
Subject: [PATCH 1/2] =?UTF-8?q?DS=20FINI=20Mais=20carat=C3=A8re=20sp=C3=A9?=
 =?UTF-8?q?ciaux=20pas=20pris=20en=20compte?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index be6da78..95a8231 100644
--- a/index.html
+++ b/index.html
@@ -32,16 +32,27 @@
 </div>
 
 <!-- include prototypes here -->
+<script src="js/extra.js"></script>
+<script src="js/car.js"></script>
 
 <script>
 
     function generateCar(image, make, model, description, price, category, year, mileage, extras) {
-        //Create an array of Extra instances based on Extras names and prices
-        // Create a new Car instance
+        const car = new Car(image, make, model, description, price, category, year, mileage, extras);
+
+        return car;
     }
 
     function showHideExtra(btn,elt,car) {
-
+        if (elt.style.display === "none") {
+            elt.style.display = "block";
+            btn.innerHTML = "-";
+            car.generateExtras(elt);
+        } else {
+            elt.style.display = "none";
+            btn.innerHTML = "+";
+            elt.innerHTML = "";
+        }
     }
 
 
-- 
GitLab


From 28ae118cb50fdfd07bf3ddfdcb10b772786dad3e Mon Sep 17 00:00:00 2001
From: Tom Dunet <tom18dunet@gmail.com>
Date: Fri, 16 Feb 2024 16:50:49 +0100
Subject: [PATCH 2/2] =?UTF-8?q?DS=20FINI=20Mais=20carat=C3=A8re=20sp=C3=A9?=
 =?UTF-8?q?ciaux=20pas=20pris=20en=20compte?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/car.js   | 41 +++++++++++++++++++++++++++++++++++++++++
 js/extra.js |  4 ++++
 2 files changed, 45 insertions(+)
 create mode 100644 js/car.js
 create mode 100644 js/extra.js

diff --git a/js/car.js b/js/car.js
new file mode 100644
index 0000000..0d2a3d8
--- /dev/null
+++ b/js/car.js
@@ -0,0 +1,41 @@
+function Car(image, make, model, description, price, category, year, mileage, extras) {
+	this.image = image;
+	this.make = make;
+	this.model = model;
+	this.description = description;
+	this.price = price;
+	this.category = category;
+	this.year = year;
+	this.mileage = mileage;
+	this.extras = extras;
+}
+
+// function generateCar(image, make, model, description, price, category, year, mileage, extras) {
+// 	const car = new Car(image, make, model, description, price, category, year, mileage);
+
+// 	for (const extra of extras) {
+// 		car.extras.push(extra);
+// 	}
+
+// 	return car;
+// }
+
+Car.prototype.generateImage = function(elt){
+	const img = document.createElement("img");
+	img.setAttribute("src", this.image);
+	img.setAttribute("alt", this.make + " " + this.model);
+	img.setAttribute("class", "card-img-top");
+	elt.appendChild(img);
+}
+
+Car.prototype.generateExtras = function(elt){
+	const ul = document.createElement("ul");
+
+	for (const extra of this.extras) {
+		const li = document.createElement("li");
+		li.appendChild(document.createTextNode(extra.name + " " + extra.price + " €"));
+		ul.appendChild(li);
+	}
+
+	elt.appendChild(ul);
+}
\ No newline at end of file
diff --git a/js/extra.js b/js/extra.js
new file mode 100644
index 0000000..b29fd52
--- /dev/null
+++ b/js/extra.js
@@ -0,0 +1,4 @@
+function Extra(name, price) {
+	this.name  = name;
+	this.price = price;
+}
\ No newline at end of file
-- 
GitLab