diff --git a/index.html b/index.html index be6da78c5e9ec9f23846a724d7820f71b1816897..78e7584ca7807f1a81342a48bbb7700cc48b009e 100644 --- a/index.html +++ b/index.html @@ -1,57 +1,69 @@ - - Page Title - - - - - - + + Page Title + + + + + + -
- -
+
+ +
+
-
- + + + + + + - - + + - - + + - + \ No newline at end of file diff --git a/js/car.js b/js/car.js new file mode 100644 index 0000000000000000000000000000000000000000..0772af65e02d4aebc81b1b6f7d245a5313925703 --- /dev/null +++ b/js/car.js @@ -0,0 +1,37 @@ +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) { + var img = document.createElement('img'); + + img.src = this.image; + img.alt = this.make + ' ' + this.model; + img.classList.add('card-img-top'); + + elt.appendChild(img); +} + +Car.prototype.generateExtras = function(elt) { + var ul = document.createElement('ul'); + + this.extras.forEach(function(extra) { + var li = document.createElement('li'); + li.textContent = extra.name + ' ' + extra.price; + ul.appendChild(li); + }); + + elt.appendChild(ul); +} + + + diff --git a/js/extra.js b/js/extra.js new file mode 100644 index 0000000000000000000000000000000000000000..811daa50fecf828fa83bdf75e9adee641293ceb3 --- /dev/null +++ b/js/extra.js @@ -0,0 +1,4 @@ +function Extra(name, price) { + this.name = name; + this.price = price; +}