From 9574f14410b8b85dc4d4d84280629771ccc6cffa Mon Sep 17 00:00:00 2001
From: Mohamad Marrouche <mm221005@localhost.localdomain>
Date: Fri, 16 Feb 2024 16:42:35 +0100
Subject: [PATCH] Fini le controle

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

diff --git a/index.html b/index.html
index be6da78..0f2b144 100644
--- a/index.html
+++ b/index.html
@@ -32,16 +32,23 @@
 </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
+        return new Car(image, make, model, description, price, category, year, mileage, extras);
     }
 
     function showHideExtra(btn,elt,car) {
-
+        if (btn.innerText == "+") {
+            car.generateExtras(elt);
+            btn.innerText = "-";
+        }else{
+            elt.removeChild(document.getElementById(car.make));
+            btn.innerText = "+";
+        }
+       
     }
 
 
diff --git a/js/car.js b/js/car.js
new file mode 100644
index 0000000..184dc4a
--- /dev/null
+++ b/js/car.js
@@ -0,0 +1,35 @@
+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) {
+	var 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) {
+	var ul = document.createElement("ul");
+	ul.id = this.make;
+
+	for (let i = 0; i < this.extras.length; i++) {
+
+		var extra = this.extras[i];
+
+		var li = document.createElement("li");
+		li.textContent = 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..d5f7ff9
--- /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