diff --git a/index.html b/index.html
index be6da78c5e9ec9f23846a724d7820f71b1816897..4395dc7e38817f439aa61d2f5ab0bbd04cedb12d 100644
--- a/index.html
+++ b/index.html
@@ -31,17 +31,26 @@
     </div>
 </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
+        const tabExtra = [];
+        extras.forEach(extra => {
+            tabExtra.push(new Extra(extra.name,extra.price));
+        });
+        return new Car(image, make, model, description, price, category, year, mileage, tabExtra);
     }
 
     function showHideExtra(btn,elt,car) {
-
+        if ( btn.textContent === "+" ){
+            btn.textContent = "-"
+        }
+        else {
+            btn.textContent = "+"
+        }
     }
 
 
diff --git a/js/car.js b/js/car.js
new file mode 100644
index 0000000000000000000000000000000000000000..490c21483f0768808b445e5191e087bbdbbfbade
--- /dev/null
+++ b/js/car.js
@@ -0,0 +1,29 @@
+function Car(image, make, model, description, price, category, year, mileage, extra) {
+	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.extra = extra;
+}
+
+Car.prototype.generateImage = function(elt) {
+	const image = document.createElement('img');
+	image.src = this.image;
+	image.alt = this.make+this.model;
+	image.classList.add('card-img-top');
+
+
+	elt.appendChild(image);
+}
+
+Car.prototype.generateExtras = function(elt) {
+	const liste = document.createElement('ul');
+	elt.appendChild(liste);
+	this.extra.forEach(extra => {
+		liste.appendChild(extra.name+extra.price);
+	});
+}
\ No newline at end of file
diff --git a/js/extra.js b/js/extra.js
new file mode 100644
index 0000000000000000000000000000000000000000..cd4ce46b79b00e211b99b017ff300e2cfc073b52
--- /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