Техническое задание: Разработка стилизованного калькулятора
Цель проекта
Интеграция на сайт полностью функционального и визуально привлекательного калькулятора, выполняющего расчет по заданной формуле. Существует черновая версия кода с правильной логикой расчета, но без каких-либо стилей.
Исходные данные
- Предоставляется рабочий код калькулятора (HTML/JS), который корректно вычисляет заданную формулу.
- Предоставляется визуальный макет или пример (форма заявки на сайте), под дизайн которого необходимо стилизовать калькулятор.
- Формула расчета и пояснения к ней передаются отдельно.
Основные задачи
- Анализ и проверка кода: Проверить предоставленную логику расчета на корректность и отсутствие ошибок.
- Стилизация: Обернуть существующий функциональный код в HTML-структуру и CSS-стили, чтобы его внешний вид полностью соответствовал предоставленному образцу (форма заявки).
- Интеграция: Подготовить готовый для вставки блок кода (HTML, CSS, JS), который будет представлять собой калькулятор.
Требования к результату
- Калькулятор должен быть выполнен на чистом HTML/CSS/JavaScript без использования сторонних библиотек, если это не оговорено отдельно.
- Внешний вид должен в точности повторять стили формы заявки, указанной в примере (шрифты, цвета, отступы, поля ввода, кнопки).
- Логика расчета по формуле должна остаться неизменной и работоспособной.
- Код должен быть чистым, прокомментированным в ключевых местах.
Что не требуется
- Создание серверной части или backend-логики.
- Изменение самой формулы расчета (только ее визуальное оформление и обеспечение работы).
- Интеграция с CRM или другими системами.