From 5fa02912c3a7dbf4123fd254df4f694144e5a27c Mon Sep 17 00:00:00 2001
From: Mateo Sa <mateo.sa@etu.univ-lehavre.fr>
Date: Fri, 16 Feb 2024 14:50:35 +0100
Subject: [PATCH 1/2] help

---
 index.html  | 17 +++++++++++++++--
 js/car.js   | 37 +++++++++++++++++++++++++++++++++++++
 js/extra.js |  7 +++++++
 3 files changed, 59 insertions(+), 2 deletions(-)
 create mode 100644 js/car.js
 create mode 100644 js/extra.js
diff --git a/index.html b/index.html
index be6da78..bdab61f 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,11 @@
     <!-- Bootstrap CSS Link -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
 </head>
+
+<script src="js/index.js"></script>
+<script src="js/car.js"></script>
+<script src="js/extra.js"></script>
+
 <body>
 <!-- Menu -->
 <nav class="navbar navbar-expand-lg navbar-light bg-light">
@@ -37,9 +42,17 @@
 
     function generateCar(image, make, model, description, price, category, year, mileage, extras) {
         //Create an array of Extra instances based on Extras names and prices
+        const extrasArray = new Array();
+        for(var i = 0; i < extras.length; i++)
+        {
+            extrasArray.push(extras[i]);
+        }
+        
         // Create a new Car instance
+        return new Car(image, make, model, description, price, category, year, mileage, extrasArray);
     }
 
+
     function showHideExtra(btn,elt,car) {
 
     }
@@ -48,10 +61,10 @@
 </script>
 
 <!-- Do not change -->
-<script src="js/index.js"></script>
+
 
 <!-- Bootstrap JavaScript and JQuery Link -->
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
 
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/js/car.js b/js/car.js
new file mode 100644
index 0000000..85fc396
--- /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.constructor = Car;
+
+Car.prototype.generateImage = function(elt)
+{
+	var image = document.createElement('name=\"elt.image\" alt=\"elt.image\" src=\"elt.image\"');
+	
+	elt.appendChild(image);
+}
+
+Car.prototype.generateExtras = function(elt)
+{
+	var ul = document.createElement("ul");
+
+	for(var i = 0; this.extras.length; i++)
+	{
+		var li = document.createElement("li");
+		li.textContent = this.extras[i].name + " " + this.extras[i].price;
+		ul.appendChild(li);
+	}
+	
+	elt.appendChild(ul);
+}
+
+
diff --git a/js/extra.js b/js/extra.js
new file mode 100644
index 0000000..3a78c46
--- /dev/null
+++ b/js/extra.js
@@ -0,0 +1,7 @@
+function Extra(name, price) 
+{
+	this.name = name;
+	this.price = price;
+}
+
+Extra.prototype.constructor = Extra;
-- 
GitLab


From a8951b89abec19d07c55239f4ff93857a934a139 Mon Sep 17 00:00:00 2001
From: Mateo Sa <mateo.sa@etu.univ-lehavre.fr>
Date: Fri, 16 Feb 2024 15:02:50 +0100
Subject: [PATCH 2/2] help

---
 index.html | 33 ++++++++++++++++++++++-----------
 js/car.js  | 29 +++++++++++++++++------------
 2 files changed, 39 insertions(+), 23 deletions(-)

diff --git a/index.html b/index.html
index bdab61f..7bdf5b6 100644
--- a/index.html
+++ b/index.html
@@ -40,23 +40,34 @@
 
 <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 extrasArray = new Array();
-        for(var i = 0; i < extras.length; i++)
-        {
-            extrasArray.push(extras[i]);
-        }
+function generateCar(image, make, model, description, price, category, year, mileage, extras) {
         
-        // Create a new Car instance
-        return new Car(image, make, model, description, price, category, year, mileage, extrasArray);
-    }
+        tabExtras = [ ];
 
+        for ( let i = 0; i < extras.length; i++ )
+            tabExtrasO.push ( new Extra ( extras[i].name, extras[i].price ) );
 
-    function showHideExtra(btn,elt,car) {
+        return new Car ( image, make, model, description, price, category, year, mileage, tabExtras );
 
     }
 
+   
+    function showHideExtra ( btn,elt,car )
+    {
+        if ( btn.textContent === "+" )
+        {
+            btn.textContent = "-";
+            car.generateExtras ( elt );
+
+        }
+        else
+        {
+            btn.textContent = "+";
+            elt.innerHTML = "";
+        }
+    }
+
+
 
 </script>
 
diff --git a/js/car.js b/js/car.js
index 85fc396..6798904 100644
--- a/js/car.js
+++ b/js/car.js
@@ -13,25 +13,30 @@ function Car(image, make, model, description, price, category, year, mileage, ex
 
 Car.prototype.constructor = Car;
 
-Car.prototype.generateImage = function(elt)
+Car.prototype.generateImage = function ( elt )
 {
-	var image = document.createElement('name=\"elt.image\" alt=\"elt.image\" src=\"elt.image\"');
-	
-	elt.appendChild(image);
+	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)
+Car.prototype.generateExtras = function ( elt )
 {
-	var ul = document.createElement("ul");
+	const liste = document.createElement ( "ul" );
 
-	for(var i = 0; this.extras.length; i++)
+	for ( let i = 0; i < this.extras.length; i++ )
 	{
-		var li = document.createElement("li");
-		li.textContent = this.extras[i].name + " " + this.extras[i].price;
-		ul.appendChild(li);
+		const extra = document.createElement ( "li" );
+		extra.textContent = this.extras[i].name + " " + this.extras[i].price;
+		liste.appendChild ( extra );
 	}
-	
-	elt.appendChild(ul);
+
+	elt.appendChild ( liste );
 }
 
 
-- 
GitLab

