diff --git a/index.html b/index.html
index be6da78c5e9ec9f23846a724d7820f71b1816897..247ee8d437672a2967d10c652de7c72c3f4628f0 100644
--- a/index.html
+++ b/index.html
@@ -32,16 +32,19 @@
 </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
+
+        return  new Car(image, make, model, description, price, category, year, mileage, extras);
     }
 
     function showHideExtra(btn,elt,car) {
-
+        car.toggleExtrasVisibility();
     }
 
 
diff --git a/js/car.js b/js/car.js
new file mode 100644
index 0000000000000000000000000000000000000000..8cbbcb9b58096be4c1ebfb48e34a8e017a433f33
--- /dev/null
+++ b/js/car.js
@@ -0,0 +1,43 @@
+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)
+{
+	let img = document.createElement("img");
+	img.setAttribute("src",this.image);
+	img.setAttribute("class","car-img-top");
+	img.setAttribute("alt",this.make);
+	elt.appendChild(img);
+}
+
+Car.prototype.generateExtras = function (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);
+};
+
+Car.prototype.toggleExtrasVisibility = function () {
+    const extrasElement = document.getElementById("body-car-" + index);
+    const isHidden = extrasElement.style.display === "none" || getComputedStyle(extrasElement).display === "none";
+
+    if (isHidden) {
+        extrasElement.style.display = "block";
+    } else {
+        extrasElement.style.display = "none";
+    }
+};
diff --git a/js/extra.js b/js/extra.js
new file mode 100644
index 0000000000000000000000000000000000000000..05f46e55aa8f9d42dfc04bc1ec67c4b93f94be9d
--- /dev/null
+++ b/js/extra.js
@@ -0,0 +1,4 @@
+function Extra(name,price) {
+	this.name = name;
+	this.price = price;
+}