From 311d300019711858a8c92a630e1b96caabd31811 Mon Sep 17 00:00:00 2001
From: VicenteHugo <hugovicente965@gmail.com>
Date: Fri, 16 Feb 2024 15:59:40 +0100
Subject: [PATCH 1/2] Partie A

---
 index.html  |  3 +--
 js/car.js   | 15 +++++++++++++++
 js/extra.js |  4 ++++
 3 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 js/car.js
 create mode 100644 js/extra.js

diff --git a/index.html b/index.html
index be6da78..d6510e8 100644
--- a/index.html
+++ b/index.html
@@ -36,8 +36,7 @@
 <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
+        return new Car(image, make, model, description, price, category, year, mileage, extras);
     }
 
     function showHideExtra(btn,elt,car) {
diff --git a/js/car.js b/js/car.js
new file mode 100644
index 0000000..4cec08c
--- /dev/null
+++ b/js/car.js
@@ -0,0 +1,15 @@
+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.generateCar = function(){
+
+}
\ No newline at end of file
diff --git a/js/extra.js b/js/extra.js
new file mode 100644
index 0000000..0415108
--- /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


From e3c23cf85daa2bd9bdb8dc3c8cdfb26f255b867b Mon Sep 17 00:00:00 2001
From: VicenteHugo <hugovicente965@gmail.com>
Date: Fri, 16 Feb 2024 16:18:40 +0100
Subject: [PATCH 2/2] Partie B

---
 index.html |  9 ++++++++-
 js/car.js  | 16 +++++++++++++++-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index d6510e8..2a2ff50 100644
--- a/index.html
+++ b/index.html
@@ -32,6 +32,7 @@
 </div>
 
 <!-- include prototypes here -->
+<script src="js/car.js"></script>
 
 <script>
 
@@ -40,7 +41,13 @@
     }
 
     function showHideExtra(btn,elt,car) {
-
+        if (elt.innerHTML !== "") {
+            elt.innerHTML = "";
+            btn.innerHTML = "+";
+        } else {
+            car.generateExtras(elt);
+            btn.innerHTML = "-";
+        }
     }
 
 
diff --git a/js/car.js b/js/car.js
index 4cec08c..6ee8995 100644
--- a/js/car.js
+++ b/js/car.js
@@ -10,6 +10,20 @@ function Car(image, make, model, description, price, category, year, mileage, ex
 	this.extras = extras;
 }
 
-Car.prototype.generateCar = function(){
+Car.prototype.generateImage = function(elt){
+	let img = document.createElement('img');
+	img.src = this.image;
+	img.alt = this.make + ' ' + this.model;
+	img.className = 'card-img-top';
+	elt.appendChild(img);
+}
 
+Car.prototype.generateExtras = function(elt){
+	let ul = document.createElement('ul');
+	for(let i = 0; i < this.extras.length; i++){
+		let li = document.createElement('li');
+		li.textContent = this.extras[i].name + ' - $' + this.extras[i].price;
+		ul.appendChild(li);
+	}
+	elt.appendChild(ul);
 }
\ No newline at end of file
-- 
GitLab