Математический калькулятор (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, Обработка строк, Логика вычислений).