Calculator - представляет собой простое приложение, написанное на чистом JavaScript. Вся генерация html происходит из JavaScript. Используется взаимодействие с клавиатурой при помощи keydown и keyup событий. Также активная кнопка подсвечивается цветом и происходит звуковое оповещение при нажатии по кнопке.
- HTML5, CSS3.
- Используемый препроцессор: Sass.
- Адаптивная, семантическая, валидная вёрстка.
- Используемый инструмент автоматизации: Webpack.
- Используемые бибилиотеки: VanillaTilt.js (для визуального эффекта).
- Airbnb JavaScript Style Guide.
Техническое задание "Калькулятор"
- Базовый функционал. Калькулятор выполняет математические операции: сложение, вычитание, умножение, деление. Можно ввести десятичные числа. Можно очистить полностью и очистить по средствам удаления одного символа.
- Последовательное выполнение нескольких операций. Калькулятор выполняет последовательное дествие вводимых операций.
- Дополнительные математические операции. Калькулятор может возвести число в любую степень (Например
9 ^ 2 => 18
). Калькулятор может извлечь квадратный корень из числа (Например25 √ => 5
). - Действия с отрицательными числами. Если нажать сначала на знак
-
, а после нажать на число, то будет отрицательное число (Например- 3 => -3
). - Действия с дробями. Калькулятор умеет считать корректно десятичные числа (Например
10.1 ^ 3 => 1030.301
). - Оповещение об ошибке. Если пользователь попытается поделить число на 0 или получить корень из отрицательного числа, то появится окно с оповещением об запрете операции.
- Работа с клавиатурой. Можно производить расчёты используя клавиатуру, а не нажимая кнопкой мыши по кнопкам калькулятора.
Подсказка, как пользоваться калькулятором, если использовать клавиатуру.
- Скланируйте репозиторий на ваш компьютер:
git clone https://github.com/ChroMari/calculator.git
- Перейдите в папку:
cd calculator
- Установите все необходимые зависимости:
npm install
- Сделать сборку проекта:
npm run build
(В появившейся папке dist находится собранный проект) - Просто запустить проект:
npm run start
(Откроет в браузере запущенный проект, чтобы остановить Webpack используйтеcntr + c
в консоли)