diff --git a/index.html b/index.html
index be6da78c5e9ec9f23846a724d7820f71b1816897..54d4f0aeca03c5242b03eb87c9e08c3bc2f9f8b4 100644
--- a/index.html
+++ b/index.html
@@ -32,18 +32,27 @@
 </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)
     }
 
+    Car.prototype.generateImage = function(elt){
+	const image = document.createElement("img")
+	image.setAttribute("class","card-img-top")
+	image.setAttribute("src",this.image)
+	image.setAttribute("alt",this.ma+this.mo)
+	elt.appendChild(image)
+}
     function showHideExtra(btn,elt,car) {
 
     }
 
+    
 
 </script>
 
diff --git a/js/car.js b/js/car.js
new file mode 100644
index 0000000000000000000000000000000000000000..a97e45fe222b21cc659e9ef8776ec9ffc1a888d3
--- /dev/null
+++ b/js/car.js
@@ -0,0 +1,11 @@
+function Car(na,ma,mo,de,pr,ca,ye,mi,ex) {
+	this.image = na
+	this.make  = ma
+	this.model = mo
+	this.description = de
+	this.price = pr
+	this.category = ca
+	this.year = ye
+	this.mileage = mi
+	this.extras =ex
+}
\ No newline at end of file
diff --git a/js/extra.js b/js/extra.js
new file mode 100644
index 0000000000000000000000000000000000000000..5ece88f087399fa25cfd0f744b77c4feac0c8663
--- /dev/null
+++ b/js/extra.js
@@ -0,0 +1,4 @@
+function Extra(na,pri) {
+	this.name = na
+	this.price = pri
+}
\ No newline at end of file