diff --git a/index.html b/index.html index be6da78c5e9ec9f23846a724d7820f71b1816897..71cef0b2373622156e422f74ad9e0b96ff2c1886 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 new file mode 100644 index 0000000000000000000000000000000000000000..1e38fc0ffba169bd2820d79622cdb94068b65ee8 --- /dev/null +++ b/js/car.js @@ -0,0 +1,36 @@ +function Car(image, make, model, desc,price,category,year,mileage,tabExtra) +{ + this.image = image; + this.make = make; + this.model = model; + this.desc = desc; + this.price = price; + this.category = category; + this.year = year; + this.mileage = mileage; + this.tabExtra = tabExtra; +} + +Car.prototype.generateImage = function(elt) +{ + let nv_img = document.createElement('img') + nv_img.src = this.image; + nv_img.alt = this.make + " " + this.model + nv_img.classList.add("card-img-top"); + + elt.appendChild(nv_img); +} + +Car.prototype.generateExtras = function(elt) +{ + let nv_ul = document.createElement('ul'); + + for (let index = 0; index < this.tabExtra.length; index++) + { + let nv_li = document.createElement('li'); + nv_li.textContent = this.tabExtra[index].name + " " + this.tabExtra[index].price + nv_ul.appendChild(nv_li); + } + + elt.appendChild(nv_ul); +} \ No newline at end of file diff --git a/js/extra.js b/js/extra.js new file mode 100644 index 0000000000000000000000000000000000000000..15a9e80e0d03ddf278aad585a64f5a274b038df4 --- /dev/null +++ b/js/extra.js @@ -0,0 +1,6 @@ +function Extra(name, price) +{ + this.name = name; + this.price = price; +} + diff --git a/js/index.js b/js/index.js index 4e1d11911c0a43dddf4d16bc89f1d2d5005e1fb2..e747b0a7adfe6b2a75df25c0fd2ee4fb4ab029c2 100644 --- a/js/index.js +++ b/js/index.js @@ -124,7 +124,7 @@ for (const car of cars) {
  • Année: ${car.year}
  • Kilométrage: ${car.mileage}
    • - +