Rozdział 3 · Zadanie końcowe

Projekt «Wizytówka»

Łączymy wszystko, czego się nauczyliśmy, w jeden mały interaktywny projekt.

Zadanie

Stwórz plik card.html (lub zaktualizuj about-me.html) i dodaj tam cztery interaktywne elementy z poprzednich lekcji:

  1. Przycisk «Przywitaj mnie» — czyta imię z pola <input> i wypisuje powitanie (lekcje 5-6)
  2. Licznik odwiedzin — liczba, która zwiększa się o 1 za każdym razem (lekcja 7)
  3. Przełącznik motywu — przycisk, który zmienia tło i kolor tekstu całej strony (lekcja 9)
  4. Przycisk «Losowy fakt o mnie» — z tablicy faktów (lekcje 11-12)
Wskazówka

Nie trzeba pisać całego kodu od zera — weź gotowe fragmenty z lekcji 5, 7, 9, 12 i połącz je w jednym pliku, zmieniając teksty pod siebie.

Rozdział 3 ukończony!

Teraz twoja strona umie pokazywać strukturę (HTML), wyglądać schludnie (CSS) i reagować na działania (JavaScript) — trzy podstawy każdej strony internetowej.

Kurs powstał dzięki wsparciu biura rachunkowego Galakton, Białystok, Polska