From 1ebc80994f804ea9450758788e8a6b21b1818073 Mon Sep 17 00:00:00 2001
From: Baptiste Hay <baptiste.hay@etu.univ-lehavre.fr>
Date: Fri, 16 Feb 2024 16:36:53 +0100
Subject: [PATCH] Commit de fin

---
 index.html  | 17 +++++++++++++++++
 js/Car.js   | 33 +++++++++++++++++++++++++++++++++
 js/Extra.js |  4 ++++
 3 files changed, 54 insertions(+)
 create mode 100644 js/Car.js
 create mode 100644 js/Extra.js

diff --git a/index.html b/index.html
index be6da78..3f6d893 100644
--- a/index.html
+++ b/index.html
@@ -33,15 +33,32 @@
 
 <!-- include prototypes here -->
 
+<script src="js/Car.js"></script>
+<script src="js/Extra.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
+        const tabExtra = [];
+        extras.forEach(element => {
+            tabExtra.push(new Extra(element.name, element.price));
+        });
         // Create a new Car instance
+        return new Car(image, make, model, description, price, category, year, mileage, tabExtra);
     }
 
     function showHideExtra(btn,elt,car) {
+        if(btn.innerHTML == "-") {
+            btn.innerHTML = "+";
+            elt.innerHTML = "";
+        } else {
+            btn.innerHTML = "-";
+            elt = car.generateExtras(elt);
+        }
 
+        
     }
 
 
diff --git a/js/Car.js b/js/Car.js
new file mode 100644
index 0000000..f4e22ab
--- /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) {
+	let img = document.createElement("img");
+
+	img.setAttribute("src", this.image);
+	img.setAttribute("alt", this.make + " " + this.model);
+	img.className = "card-img-top";
+
+	elt.appendChild(img);
+}
+
+Car.prototype.generateExtras = function(elt) {
+	let ul = document.createElement("ul");
+
+	this.extras.forEach(element => {
+		let li = document.createElement("li");
+		li.innerHTML = element.name + " : " + element.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..cd4ce46
--- /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