Kursy i Poradniki IT - Adrian Kowalski
Kurs JavaScript dla Początkujących
O lekcji

Opis projektu:

W tym projekcie stworzysz aplikację, która będzie liczyć odwiedziny na stronie. Licznik będzie wykorzystywał dane przechowywane w przeglądarce użytkownika za pomocą localStorage, a także wyświetlał animowane efekty wzrostu liczby odwiedzin.

Co trzeba zrobić:

  1. Zliczanie odwiedzin: Skorzystaj z localStorage, aby przechowywać liczbę odwiedzin. Każde załadowanie strony powinno zwiększać licznik.
  2. Wyświetlanie liczby odwiedzin: Na stronie wyświetlaj licznik odwiedzin w odpowiednim miejscu (np. w nagłówku lub stopce strony).
  3. Animacje liczby: Dodaj efekt animacji, w którym liczba odwiedzin stopniowo rośnie (np. przy użyciu funkcji setInterval).
  4. Przechowywanie danych: Użyj localStorage.setItem() i localStorage.getItem() do zapisania i odczytania liczby odwiedzin.
  5. Stylizacja licznika: Zapewnij odpowiednią stylistykę liczby odwiedzin, np. animowanie zmiany wartości liczby lub zmieniający się kolor w miarę wzrostu liczby odwiedzin.

Czego nauczysz się:

  • Praca z localStorage do przechowywania danych w przeglądarce.
  • Wyświetlanie danych dynamicznie w HTML.
  • Dodawanie animacji do elementów w JavaScript i CSS.
  • Obsługa zdarzeń związanych z załadowaniem strony.
  • Responsywność i stylizacja wizualna liczników oraz innych dynamicznych elementów.