diff --git a/README.md b/README.md
index e004fb232837ae16aad3e4c4beb651b1bfa242fb..a197dbee995fce9092b054bf369c193fea66baed 100644
--- a/README.md
+++ b/README.md
@@ -7,13 +7,13 @@
 1. Forker le dépôt Git:
 
 ```bash
-git clone https://www-apps.univ-lehavre.fr/forge/khraimes/exam-js.git
+git clone git@forgeb1.univ-lehavre.fr:ll221042/exam-js.git
 ```
 
-Créer une nouvelle branche pour votre projet portant votre login : (ks110222 par exemple)
+Créer une nouvelle branche pour votre projet portant votre login :
 
 ```bash
-git checkout -b ks110222
+git checkout -b ll221042
 ```
 
 Développer votre projet et commiter vos modifications:
diff --git a/index.html b/index.html
index be6da78c5e9ec9f23846a724d7820f71b1816897..7134a12a0af72ac50a897f2248a4dd1a5a13b2aa 100644
--- a/index.html
+++ b/index.html
@@ -32,16 +32,28 @@
 </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
+    function generateCar(image, make, model, description, price, category, year, mileage, extras)
+    {
+        return new Car(image, make, model,description,price,category,year,mileage,extras);
     }
 
-    function showHideExtra(btn,elt,car) {
+    function showHideExtra(btn, elt, car)
+    {
+        const body = elt.querySelector('.body-extra');
 
+        if (body.style.display === 'none')
+        {
+            btn.textContent = '-';
+            body.style.display = 'block';
+        } else
+        {
+            btn.textContent = '+';
+            body.style.display = 'none';
+        }
     }
 
 
diff --git a/js/car.js b/js/car.js
new file mode 100644
index 0000000000000000000000000000000000000000..bddb5fb55a1d52fbd1d5eedae541932dc76e2600
--- /dev/null
+++ b/js/car.js
@@ -0,0 +1,44 @@
+function Car(imageUrl, make, model, description, price, category, year, mileage, extras)
+{
+    this.imageUrl = imageUrl;
+    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)
+{
+    const img = document.createElement('img');
+    img.src = this.imageUrl;
+    img.alt = `${this.make} ${this.model}`;
+    img.classList.add('card-img-top');
+    elt.appendChild(img);
+}
+
+Car.prototype.generateExtras = function(elt)
+{
+    const ul = document.createElement('ul');
+    // console.log(typeof this.extras) DEBUG
+    this.extras.forEach(function(extra)
+    {
+        const li = document.createElement('li');
+        li.textContent = `${extra.name} - ${extra.price} €`;
+        ul.appendChild(li);
+    });
+    elt.appendChild(ul);
+}
+
+// image
+// make
+// model
+// description
+// price
+// category
+// year
+// mileage
+// extras tableau d'Extra**
diff --git a/js/extra.js b/js/extra.js
new file mode 100644
index 0000000000000000000000000000000000000000..05e159ce699802a3e9874a7266fd4db0ea156620
--- /dev/null
+++ b/js/extra.js
@@ -0,0 +1,8 @@
+function Extra(name, price)
+{
+    this.name = name;
+    this.price = price;
+}
+
+// name
+// price
\ No newline at end of file