O lekcji
Opis projektu:
Stworzysz aplikację w formie interaktywnego quizu, w którym użytkownik odpowiada na pytania wielokrotnego wyboru. Po zakończeniu quizu użytkownik otrzymuje wynik oraz szczegóły dotyczące poprawnych odpowiedzi.
Co trzeba zrobić:
- Stworzyć formularz z pytaniami: Zbuduj formularz zawierający pytania, które użytkownicy będą musieli odpowiedzieć, oraz możliwe odpowiedzi (radio buttons).
- Zliczać odpowiedzi: Implementuj logikę, która oblicza wynik quizu na podstawie odpowiedzi użytkownika.
- Wyświetlanie wyników: Po zakończeniu quizu, wyświetl wynik i informacje o poprawnych odpowiedziach.
- Interaktywność: Dodaj zdarzenia (np. kliknięcie przycisku) do obsługi rozpoczęcia quizu, wyboru odpowiedzi i zakończenia quizu.
- Animacje i efekty: Zastosuj animacje, takie jak pojawiające się pytania, czy efekt pokazania wyników po zakończeniu quizu.
Czego nauczysz się:
- Tworzenie formularzy w HTML.
- Przechowywanie danych w zmiennych.
- Manipulowanie DOM-em (dynamika treści).
- Obsługa zdarzeń (np. kliknięcia, wybór odpowiedzi).
- Używanie animacji w JavaScript i CSS do uatrakcyjnienia aplikacji.