From 4f9d07d28929f69a26864513cb0428b559783e88 Mon Sep 17 00:00:00 2001
From: OcsCgn <Oscar.cocagne@free.fr>
Date: Fri, 16 Feb 2024 16:41:54 +0100
Subject: [PATCH] Ds Oscar Cocagne

---
 index.html  |  7 ++++++-
 js/Car.js   | 37 +++++++++++++++++++++++++++++++++++++
 js/Extra.js |  4 ++++
 js/index.js |  7 +++++--
 4 files changed, 52 insertions(+), 3 deletions(-)
 create mode 100644 js/Car.js
 create mode 100644 js/Extra.js

diff --git a/index.html b/index.html
index be6da78..8ce537c 100644
--- a/index.html
+++ b/index.html
@@ -33,15 +33,20 @@
 
 <!-- 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
+        var textras = new Array(extras);
+        return new Car(image, make, model, description, price, category, year, mileage, textras);
     }
 
     function showHideExtra(btn,elt,car) {
-
+        
     }
 
 
diff --git a/js/Car.js b/js/Car.js
new file mode 100644
index 0000000..e34f30a
--- /dev/null
+++ b/js/Car.js
@@ -0,0 +1,37 @@
+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 = elt.image;
+
+    img.alt = elt.make +''+ elt.model;
+
+    img.classList.add("card-img-top");
+
+    elt.appendChild(img);
+}
+
+Car.prototype.generateExtras=function(elt){
+
+    var ul = document.createElement("ul");
+
+    for(let i = 0; i <= elt.extras.length; i++){
+        var li = document.createElement("li");
+        li.className = elt.extras[i].name +''+ elt.extras[i].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
diff --git a/js/index.js b/js/index.js
index 4e1d119..b5584a7 100644
--- a/js/index.js
+++ b/js/index.js
@@ -138,11 +138,14 @@ app.innerHTML = s
 index =0;
 for (const car of cars) {
     if(car !== undefined)
-    {
+    {   
+        
+
         index++;
 
         if(car.generateImage !== undefined)
-            car.generateImage(document.getElementById("img-car-"+ index));
+            car.generateImage(document.getElementById("img-car-"+ index));    console.log(car);
+
 
         if(car.generateExtras !== undefined)
             car.generateExtras(document.getElementById("body-car-"+ index));
-- 
GitLab