1 of 10

Інтернет-програмування.�Основи JavaScript

Лабораторна робота №4

Об'єкти, масиви об'єктів

2 of 10

task01.js

  • Створіть 2 об’єкти product1 та product2 із полями name (назва товару), price (ціна товару). Для кожного об’єкту виведіть повідомлення за таким зразком:

3 of 10

task01.js (продовження)

  • Для об’єктів з попереднього завдання створіть властивість quantity(кількість на складі) та метод getTotalPrice(), який визначає загальну вартість товару. Зробіть вивід на консоль:

4 of 10

task02.html

  • Дано об’єкт googleLink
  • Всередині об’єкта оголосити метод getFullLink() для отримання HTML-тегу посилання
  • Додати посилання в документ, використовуючи створений метод

5 of 10

task03.html

  • Дано об’єкт urlImage:

  • Створіть метод getUrl() для отримання посилання на статтю. Результат роботи методу:

<a href="https://en.wikipedia.org/wiki/Zhytomyr" title="Житомир - Вікіпедія"><img src="images/zhytomyr.jpg"></a>

  • Для отримання тегу зображення створіть метод getImgTag(). Результат роботи методу:

<img src="images/zhytomyr.jpg">

6 of 10

task04.js

  • Дано дві змінні name та age:
  • Створіть конструктор User з ініціалізацією властивостей name та age
  • Додайте в конструкторі метод getAgeCategory, який визначає вікову категорію за значенням властивості age:
  • Створіть об’єкт userA з допомогою конструктора, та виведіть його вікову категорію
  • Аналогічно створіть об’єкт userB та виведіть його вікову категорію

7 of 10

task05.js

  • Модифікуйте конструктор User з попередньої задачі. Він повинен приймати об’єктний літерал
  • Створіть масив users, який містить об’єкти з полями name, age
  • З допомогою циклу виведіть для кожного користувача його вікову категорію

8 of 10

task06_complex.js

  • Створіть об’єкт user із властивостями firstName, lastName, languages;
  • Властивість languages повинна бути масивом
  • В якості елементів масиву languages потрібно додати декілька об’єктів з властивостями title і description.
  • В об’єкті user створити методи для роботи з масивом languages
    • addLanguage(title, description)
    • getLanguage(title)
    • getAllLanguages()
    • removeLanguage(title)

9 of 10

task07_animals.js. Дано масив об’єктів – тварини.

  • Створіть два конструктори Cat() і Dog() з властивостями name і weight.
  • Додайте метод say() в конструктори.

Для котів, вага яких менше 13, метод повертає “Miu”, інакше “Meow”

Для собак, вага яких менше 25, метод повертає “Yip”, інакше “Woof”

Створіть цикл, в якому ініціюйте кожен з об’єктів з використанням конструктора, та виведіть метод say()

10 of 10

task08_cars.js

  • Конструктор Car повинен ініціювати всі необхідні властивості
  • Методи конструктора:
    • start – заводить автомобіль
    • stop – зупиняє автомобіль
    • drive – автомобіль здійснює рух
    • addFuel(amount) – додати палива
  • Врахуйте, що завести автомобіль можна лише при наявності палива.
  • Здійснити рух можна лише при наявності палива і при заведеному двигуні.
  • При спробі здійснити рух і закінченні палива, здійснюється зупинка автомобіля.
  • При здійсненні руху кількість палива зменшується на 1.
  • Всі дії повинні супроводжуватись відповідними повідомленнями.