Математичний калькулятор (HTML / CSS / JavaScript)
Інтерактивний веб-калькулятор із сучасним дизайном для виконання базових математичних обчислень у браузері.
Що реалізовано в проєкті:
1. Основні обчислення - повна підтримка додавання, віднімання, множення, ділення, обчислення відсотків та роботи з десятковими дробами.
2. Точність результатів - використання методів парсингу та обмеження знаків після коми (.toFixed(10)) для коректного відображення фінального результату.
3. Зручний інтерфейс - сітка кнопок побудована на основі CSS Grid, додано ефект розмиття заднього фону (backdrop-filter) та плавні CSS-анімації при завантаженні сторінки.
4. Валідація введення - реалізовано ліміт на максимальну кількість символів (до 30), захист від подвійного введення операторів підряд та обробку помилок (try/catch) із виведенням повідомлення "Error".
5. Адаптивний екран результату - довгі вирази та великі числа не ламають верстку, а автоматично скроляться по горизонталі всередині дисплея.
6. Поодиноке видалення - додано функціонал видалення останнього введеного символу (кнопка ⌫) для зручного виправлення друкарських помилок.
Стек технологій: HTML5, CSS3 (CSS Grid, Backdrop-filter, Keyframe Анімації), JavaScript Vanilla (DOM Events, Обробка рядків, Логіка обчислень).
Що реалізовано в проєкті:
1. Основні обчислення - повна підтримка додавання, віднімання, множення, ділення, обчислення відсотків та роботи з десятковими дробами.
2. Точність результатів - використання методів парсингу та обмеження знаків після коми (.toFixed(10)) для коректного відображення фінального результату.
3. Зручний інтерфейс - сітка кнопок побудована на основі CSS Grid, додано ефект розмиття заднього фону (backdrop-filter) та плавні CSS-анімації при завантаженні сторінки.
4. Валідація введення - реалізовано ліміт на максимальну кількість символів (до 30), захист від подвійного введення операторів підряд та обробку помилок (try/catch) із виведенням повідомлення "Error".
5. Адаптивний екран результату - довгі вирази та великі числа не ламають верстку, а автоматично скроляться по горизонталі всередині дисплея.
6. Поодиноке видалення - додано функціонал видалення останнього введеного символу (кнопка ⌫) для зручного виправлення друкарських помилок.
Стек технологій: HTML5, CSS3 (CSS Grid, Backdrop-filter, Keyframe Анімації), JavaScript Vanilla (DOM Events, Обробка рядків, Логіка обчислень).