Розділ 3 · Фінальне завдання

Проєкт «Візитівка»

Об'єднуємо все вивчене в один невеликий інтерактивний проєкт.

Завдання

Створи файл card.html (чи онови about-me.html) і додай туди чотири інтерактивні штуки з попередніх уроків:

  1. Кнопка «Привітай мене» — читає ім’я з поля <input> і виводить привітання (уроки 5-6)
  2. Лічильник візитів — число, яке збільшується на 1 щоразу, коли хтось відкриває сторінку чи тисне кнопку (урок 7)
  3. Перемикач теми — кнопка, яка міняє фон і колір тексту всієї сторінки (урок 9)
  4. Кнопка «Випадковий факт про мене» — з масиву фактів (уроки 11-12)
Порада

Не обов'язково писати весь код з нуля — бери готові шматки з уроків 5, 7, 9, 12 і склади їх в один файл, змінюючи тексти під себе.

Розділ 3 пройдено!

Тепер твоя сторінка вміє показувати структуру (HTML), виглядати охайно (CSS) і реагувати на дії (JavaScript) — три основи будь-якого сайту.

Курс створено за підтримки бухгалтерського бюро Galakton, Білосток, Польща