From 3ea4a2d15afffd6728e315b94fbe8939cc1f66a0 Mon Sep 17 00:00:00 2001
From: Martin Queval <qm220719@localhost.localdomain>
Date: Fri, 16 Feb 2024 16:45:48 +0100
Subject: [PATCH] fin ds

---
 index.html  | 15 +++++++++++----
 js/car.js   | 32 ++++++++++++++++++++++++++++++++
 js/extra.js |  4 ++++
 3 files changed, 47 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..13bb28a 100644
--- a/index.html
+++ b/index.html
@@ -32,16 +32,23 @@
 </div>
 
 <!-- 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
-        // Create a new Car instance
+        return new Car(image,make,model,description,price,category,year,mileage,extras)
     }
 
     function showHideExtra(btn,elt,car) {
-
+        if(this.inner == "+"){
+            car.generateExtras(elt)
+            btn.innerText = "-"
+        }
+        else{
+            elt.removeChild(document.getElementById(car.model))
+            btn.innerText = "+"
+        }
     }
 
 
diff --git a/js/car.js b/js/car.js
new file mode 100644
index 0000000..2d4b94b
--- /dev/null
+++ b/js/car.js
@@ -0,0 +1,32 @@
+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")
+	ul.id = this.model
+	for(let cpt = 0; cpt < this.extras.length; cpt ++){
+		const extra = this.extras[cpt]
+		const 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..bcc1577
--- /dev/null
+++ b/js/extra.js
@@ -0,0 +1,4 @@
+function Extra(newName,newPrice){
+	this.name  = newName
+	this.price = newPrice
+}
\ No newline at end of file
-- 
GitLab