From 3198fc4ba9f03d2817ae1cdbc6fb7e833ef71147 Mon Sep 17 00:00:00 2001 From: Ashanti Njanja Date: Fri, 16 Feb 2024 14:29:43 +0100 Subject: [PATCH 1/2] prototype Car ( generateCar generateExtra) et prototype Extra --- js/car.js | 39 +++++++++++++++++++++++++++++++++++++++ js/extra.js | 5 +++++ 2 files changed, 44 insertions(+) create mode 100644 js/car.js create mode 100644 js/extra.js diff --git a/js/car.js b/js/car.js new file mode 100644 index 0000000..3f8a8bc --- /dev/null +++ b/js/car.js @@ -0,0 +1,39 @@ +// Classe Bagnole +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; +} + +function generateCar(image,make,model,description,price,category,year,mileage,extras) { + return new Car(image,make,model,description,price,category,year,mileage,extras); +} + +// Générer l'image de la bécane +Car.prototype.generateImage = function(elt) { + const carImg = document.createElement('img'); + carImg.src = this.image; + carImg.alt = `${this.make} ${this.model}`; + carImg.setAttribute('class','card-img-top'); + + elt.appendChild(carImg); +} + +// Générer les Extra (ul et li) +Extra.prototype.generateExtras = function(elt) { + let unorderedList = document.createElement('ul'); + + for ( let i = 0; i < this.extras.length; i++) { + let line = document.createElement('li'); + line.text = `${this.extras[i].name} ${this.extras[i].price}`; + unorderedList.appendChild(li); + } + + elt.appendChild(unorderedList); +} \ No newline at end of file diff --git a/js/extra.js b/js/extra.js new file mode 100644 index 0000000..37f736c --- /dev/null +++ b/js/extra.js @@ -0,0 +1,5 @@ +// Classe Extra +function Extra(name,price) { + this.name = name; + this.price = price; +} -- GitLab From 2b0b87b15f90c6c16d553699439e812958ddf265 Mon Sep 17 00:00:00 2001 From: Ashanti Njanja Date: Fri, 16 Feb 2024 15:00:24 +0100 Subject: [PATCH 2/2] car et index.js --- index.html | 69 +++++++++++++++++++++++++++++++----------------------- js/car.js | 4 ---- 2 files changed, 40 insertions(+), 33 deletions(-) diff --git a/index.html b/index.html index be6da78..8928afb 100644 --- a/index.html +++ b/index.html @@ -1,48 +1,59 @@ - Page Title - - + Page Title + +
- -
-
+ +
+
- + + diff --git a/js/car.js b/js/car.js index 3f8a8bc..324e340 100644 --- a/js/car.js +++ b/js/car.js @@ -11,10 +11,6 @@ function Car(image,make,model,description,price,category,year,mileage,extras) { this.extras = extras; } -function generateCar(image,make,model,description,price,category,year,mileage,extras) { - return new Car(image,make,model,description,price,category,year,mileage,extras); -} - // Générer l'image de la bécane Car.prototype.generateImage = function(elt) { const carImg = document.createElement('img'); -- GitLab