From afeed2eddce452d990293aead49f9f4d2e8333a5 Mon Sep 17 00:00:00 2001
From: Matthias Bernouy <bm223967@localhost.localdomain>
Date: Fri, 16 Feb 2024 16:24:49 +0100
Subject: [PATCH] Matthias Bernouy Groupe F

---
 index.html  | 20 +++++++++++++++++---
 js/car.js   | 33 +++++++++++++++++++++++++++++++++
 js/extra.js | 10 ++++++++++
 3 files changed, 60 insertions(+), 3 deletions(-)
 create mode 100644 js/car.js
 create mode 100644 js/extra.js

diff --git a/index.html b/index.html
index be6da78..3424127 100644
--- a/index.html
+++ b/index.html
@@ -32,16 +32,30 @@
 </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
+
+        let tabExtras = [];
+        extras.forEach(extra => {
+            tabExtras.push(new Extra(extra.name, extra.price))
+        });
+        return new Car(image, make, model, description, price, category, year, mileage, tabExtras);
+
     }
 
     function showHideExtra(btn,elt,car) {
-
+        console.log(car);
+        if ( btn.innerText === "-" ){
+            btn.innerText = "+";
+            car.retirerExtras(elt);
+        } else {
+            car.generateExtras(elt);
+            btn.innerText = "-";
+        }
     }
 
 
diff --git a/js/car.js b/js/car.js
new file mode 100644
index 0000000..1274885
--- /dev/null
+++ b/js/car.js
@@ -0,0 +1,33 @@
+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;
+
+}
+
+Car.prototype.generateImage = function(elt){
+	const img = document.createElement("img");
+	img.src = this.image;
+	img.alt = this.make + this.model;
+	img.classList.add("card-img-top");
+	elt.appendChild(img);
+}
+
+Car.prototype.generateExtras = function(elt){
+	const ul = document.createElement("ul");
+	this.extras.forEach(extra => {
+		ul.appendChild(extra.fetchLi());
+	})
+	elt.appendChild(ul);
+}
+
+Car.prototype.retirerExtras = function(elt){
+	elt.innerHTML = "";
+}
\ No newline at end of file
diff --git a/js/extra.js b/js/extra.js
new file mode 100644
index 0000000..33e5b70
--- /dev/null
+++ b/js/extra.js
@@ -0,0 +1,10 @@
+function Extra(name, price){
+	this.name = name;
+	this.price = price;
+}
+
+Extra.prototype.fetchLi = function(){
+	const li = document.createElement("li");
+	li.innerText = this.name + " --- " + this.price + "€";
+	return li;
+}
\ No newline at end of file
-- 
GitLab