Skip to content

Xeni-ya/information-about-transport-and-price

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

information-about-transport-and-price

Нужно написать код, который отвечает за отображение на сайте информации о транспорте и цене. Вам нужно:

  • создать класс Transport, у него есть свойства: type, price, brand и два метода getInfo() и getPrice() ;

  • создать класс Car, который наследует от Transport. Этот класс должен содержать метод getDoorsCount() , который возвращает количество дверей;

  • создать класс Bike, который наследует от Transport. Этот класс должен содержать метод getMaxSpeed(), который возвращает максимальную скорость мотоцикла. Объект, с которым вам предстоит работать:

const data = [
  {
    id: 1,
    type: 'car',
    brand: 'Audi',
    doors: 4,
    price: 4300000,
    image: '<https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/2020_Audi_e-Tron_Sport_50_Quattro.jpg/1200px-2020_Audi_e-Tron_Sport_50_Quattro.jpg>'
  },
  {
    id: 2,
    type: 'car',
    brand: 'Mercedes-Benz',
    doors: 4,
    price: 2800000,
    image: '<https://upload.wikimedia.org/wikipedia/commons/thumb/9/9b/2019_Mercedes-Benz_E220d_SE_Automatic_2.0_Front.jpg/300px-2019_Mercedes-Benz_E220d_SE_Automatic_2.0_Front.jpg>'
  },
	{
    id: 3,
    type: 'bike',
    brand: 'Harley-Davidson',
    maxSpeed: 210,
    price: 1300000,
    image: '<https://www.harley-davidson.com/content/dam/h-d/images/product-images/bikes/motorcycle/2022/2022-iron-883/2022-iron-883-016/2022-iron-883-016-motorcycle.jpg>'
  },
  {
    id: 4,
    type: 'bike',
    brand: 'Harley-Davidson',
    maxSpeed: 220,
    price: 1400000,
    image: '<https://cdn.dealerspike.com/imglib/products/harley-showroom/2020/livewire/main/Vivid-Black-Main.png>'
  }
];

Описание:

В рамках данного проекта была разработана система для отображения информации о различных транспортных средствах и их ценах на сайте. Основное внимание уделено созданию классов для организации данных о машинах и мотоциклах, а также методам, которые позволяют получать необходимую информацию о каждом транспортном средстве.

  1. Transport: Базовый класс, который содержит общие свойства и методы для всех типов транспорта.

    • Свойства:
      • type: Тип транспорта (например, 'car' или 'bike')
      • price: Цена транспорта
      • brand: Бренд транспорта
    • Методы:
      • getInfo(): Возвращает информацию о транспорте.
      • getPrice(): Возвращает цену транспорта.
  2. Car: Класс, наследующий от Transport, представляет автомобили.

    • Методы:
      • getDoorsCount(): Возвращает количество дверей в автомобиле.
  3. Bike: Класс, наследующий от Transport, представляет мотоциклы.

    • Методы:
      • getMaxSpeed(): Возвращает максимальную скорость мотоцикла.

Технологии:

HTML5 CSS3 JavaScript

Результат:

Перейти по ссылке 👈

About

Отображение на сайте информации о транспорте и цене

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published