Kalkulator matematyczny (HTML / CSS / JavaScript)
Interaktywny kalkulator internetowy o nowoczesnym designie do wykonywania podstawowych obliczeń matematycznych w przeglądarce.
Co zostało zrealizowane w projekcie:
1. Podstawowe obliczenia - pełne wsparcie dla dodawania, odejmowania, mnożenia, dzielenia, obliczania procentów oraz pracy z ułamkami dziesiętnymi.
2. Dokładność wyników - wykorzystanie metod parsowania oraz ograniczenia liczby miejsc po przecinku (.toFixed(10)) dla poprawnego wyświetlania ostatecznego wyniku.
3. Wygodny interfejs - siatka przycisków zbudowana na podstawie CSS Grid, dodany efekt rozmycia tła (backdrop-filter) oraz płynne animacje CSS podczas ładowania strony.
4. Walidacja wejścia - zrealizowano limit na maksymalną liczbę znaków (do 30), ochrona przed podwójnym wprowadzaniem operatorów oraz obsługa błędów (try/catch) z wyświetleniem komunikatu "Błąd".
5. Responsywny ekran wyniku - długie wyrażenia i duże liczby nie łamią układu, a automatycznie przewijają się poziomo wewnątrz wyświetlacza.
6. Pojedyncze usunięcie - dodano funkcjonalność usuwania ostatnio wprowadzonego znaku (przycisk ⌫) dla wygodnego poprawiania błędów pisarskich.
Stos technologii: HTML5, CSS3 (CSS Grid, Backdrop-filter, Animacje kluczowe), JavaScript Vanilla (Zdarzenia DOM, Obsługa ciągów, Logika obliczeń).
Co zostało zrealizowane w projekcie:
1. Podstawowe obliczenia - pełne wsparcie dla dodawania, odejmowania, mnożenia, dzielenia, obliczania procentów oraz pracy z ułamkami dziesiętnymi.
2. Dokładność wyników - wykorzystanie metod parsowania oraz ograniczenia liczby miejsc po przecinku (.toFixed(10)) dla poprawnego wyświetlania ostatecznego wyniku.
3. Wygodny interfejs - siatka przycisków zbudowana na podstawie CSS Grid, dodany efekt rozmycia tła (backdrop-filter) oraz płynne animacje CSS podczas ładowania strony.
4. Walidacja wejścia - zrealizowano limit na maksymalną liczbę znaków (do 30), ochrona przed podwójnym wprowadzaniem operatorów oraz obsługa błędów (try/catch) z wyświetleniem komunikatu "Błąd".
5. Responsywny ekran wyniku - długie wyrażenia i duże liczby nie łamią układu, a automatycznie przewijają się poziomo wewnątrz wyświetlacza.
6. Pojedyncze usunięcie - dodano funkcjonalność usuwania ostatnio wprowadzonego znaku (przycisk ⌫) dla wygodnego poprawiania błędów pisarskich.
Stos technologii: HTML5, CSS3 (CSS Grid, Backdrop-filter, Animacje kluczowe), JavaScript Vanilla (Zdarzenia DOM, Obsługa ciągów, Logika obliczeń).