diff --git a/index.html b/index.html
index be6da78c5e9ec9f23846a724d7820f71b1816897..951851b4450a3bb6e03f28c7f6b63c5be0dbbc97 100644
--- a/index.html
+++ b/index.html
@@ -32,16 +32,31 @@
 </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
+		return new Car(image, make, model, description, price, category, year, mileage, extras);
     }
 
     function showHideExtra(btn,elt,car) {
+		/* Une autre solution, au lieu de simplement supprimer le contenu de la liste
+		consisterait à supprimer la balise, et la créer quand on veut afficher (puis générer l'affichage) */
+		if (elt.textContent === "") { // On vérifie que le contenu de la liste n'est pas affiché. (liste vide)
+
+			car.generateExtras(elt); // On génère l'affichage de la liste
+            btn.textContent = "-";
+        } 
+		else { // Sinon, si la liste est remplie et appui sur le bouton : on supprime le contenu de la liste -> la liste est masquée
 
+			elt.textContent = "";
+            btn.textContent = "+";
+        }
     }
 
 
diff --git a/js/car.js b/js/car.js
new file mode 100644
index 0000000000000000000000000000000000000000..4b2961639c62f503864f49ff50ef02a9b1f36567
--- /dev/null
+++ b/js/car.js
@@ -0,0 +1,39 @@
+
+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) {
+	let 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) {
+    var ul = document.createElement('ul');
+    for (var 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);
+    }
+
+
+    elt.appendChild(ul);
+
+}
\ No newline at end of file
diff --git a/js/extra.js b/js/extra.js
new file mode 100644
index 0000000000000000000000000000000000000000..64ffb2bef29d322f07169324fae58be8c3c9417c
--- /dev/null
+++ b/js/extra.js
@@ -0,0 +1,7 @@
+
+function Extra(name, price) {
+	this.name = name;
+	this.price = price;
+}
+
+Extra.prototype.constructor = Extra;
\ No newline at end of file