From 94c7dfbaad2df1ffcd5c47cc382549c0613e40aa Mon Sep 17 00:00:00 2001
From: Louis <louis.marouard@hotmail.fr>
Date: Fri, 16 Feb 2024 16:48:33 +0100
Subject: [PATCH] fin exam

---
 index.html  | 32 +++++++++++++++++++++++++++++++-
 js/Car.js   | 11 +++++++++++
 js/Extra.js |  4 ++++
 3 files changed, 46 insertions(+), 1 deletion(-)
 create mode 100644 js/Car.js
 create mode 100644 js/Extra.js

diff --git a/index.html b/index.html
index be6da78..f2733f9 100644
--- a/index.html
+++ b/index.html
@@ -32,16 +32,46 @@
 </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
+        const extras1 = new Array(extras);
+        const cars = new Car(image, make, model, description, price, category, year, mileage, extras1);
+        return cars;
     }
 
-    function showHideExtra(btn,elt,car) {
+    function generateImage(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);
+    }
 
+    function generateExtras(elt){
+        const ul = document.createElement('ul');
+        this.extras.forEach(extra => {
+            const li = document.createElement('li');
+            li.textContent = extra.name + ' ' + extra.price;
+            ul.appendChild(li);
+        });
+        elt.appendChild(ul);
+    }
+
+    function showHideExtra(btn,elt,car) {
+        const extrasList = document.getElementById('extras-list');
+        if (extrasList.style.display === 'none' || extrasList.style.display === '') {
+            extrasList.style.display = 'block';
+            document.getElementById('toggle-extras-btn').textContent = '-';
+        } else {
+            extrasList.style.display = 'none';
+            document.getElementById('toggle-extras-btn').textContent = '+';
+        }
     }
 
 
diff --git a/js/Car.js b/js/Car.js
new file mode 100644
index 0000000..1125f9d
--- /dev/null
+++ b/js/Car.js
@@ -0,0 +1,11 @@
+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;
+}
diff --git a/js/Extra.js b/js/Extra.js
new file mode 100644
index 0000000..809c8a4
--- /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