1) Wprowadzenie do JavaScript

JavaScript to język uruchamiany w przeglądarce, który pozwala manipulować stroną w czasie rzeczywistym — zmieniać elementy, reagować na zdarzenia użytkownika, walidować dane i wysyłać żądania do serwerów bez przeładowania strony

1.1) Przykład

Prosty licznik kliknięć:

2) Wprowadzenie do ciastek (Cookies)

Cookie to małe dane przechowywane w przeglądarce użytkownika. Są używane m.in. do:

• zapamiętywania ustawień użytkownika (np. motyw strony)

• utrzymywania sesji

• przechowywania preferencji lub informacji pomocniczych

2.1) Przykład

3) Zastosowanie

3.1) Zarządzanie motywem za pomocą cookie

Poniższy fragment sprawdza cookie theme_mode i na jego podstawie:

• włącza tryb ciemny (filtr invert + hue rotate)

• zmienia ikonę słońce/księżyc

• zapamiętuje wybór na 365 dni

Obsługa przełączania:

Zapisywanie i pobieranie cookie:

3.2) Obsługa i walidacja formularzy

W Bitfun JavaScript obsługuje:

• formularze rejestracji, logowania, zgłoszeń

• dynamiczne komunikaty o błędach

• wysyłanie danych do PHP przez fetch()

• reset reCAPTCHA

• blokowanie przycisków w trakcie przetwarzania

4) Podsumowanie

JavaScript w Bitfun pełni kluczową rolę:

• dynamiczne sterowanie elementami UI

• komunikacja AJAX z API

• obsługa błędów i komunikatów

• zapamiętywanie preferencji użytkownika (cookie)

• poprawa UX bez przeładowania strony

To połączenie klasycznego JS, fetch API i prostych cookie zapewnia szybko działający, interaktywny interfejs.