Как создать калькулятор для сайта: формула, промпт и проверка расчёта

Создать калькулятор для сайта можно с помощью конструктора или ИИ-агента, если заранее задать поля, формулу и правила обработки ошибок. Начинайте с расчёта на бумаге: красивый интерфейс не поможет, если минимальная сумма заказа применяется не в том месте.

Разберём калькулятор предварительной стоимости печати: количество экземпляров, подготовка макета и доставка. Все суммы ниже учебные; это не цены типографии и не тарифы Lovarus. Пример нужен, чтобы показать порядок расчёта и способ его проверки.

Когда калькулятор полезнее формы с вопросами

Калькулятор подходит, когда ответ можно получить по понятным правилам. Например, цена зависит от количества, комплектации и выбранных дополнительных услуг.

Если для оценки необходимо изучить исходный файл или обсудить нестандартные требования, покажите ориентир и объясните, что уточняет сотрудник. Не называйте результат окончательной ценой, если он не учитывает существенные условия.

Квиз собирает ответы и помогает выбрать вариант, а калькулятор вычисляет результат. Их можно объединить, но для первой версии достаточно нескольких полей и прозрачного объяснения суммы.

1. Запишите поля и единицы измерения

В учебном примере оставим два элемента ввода:

• Количество экземпляров: целое число от 10 до 1000.
• Доставка: переключатель «нужна / не нужна».

Подготовка макета входит в расчёт как фиксированная сумма. Посетитель не выбирает её повторно. Подпишите единицы рядом с полем: «Количество, шт.», а не просто «Объём».

Не используйте ноль как незаметную замену пустого поля. Пока количество не введено, покажите просьбу заполнить его и не выводите готовую стоимость.

2. Зафиксируйте порядок вычислений

Пусть один экземпляр стоит 50 условных рублей, подготовка — 1000, минимальная стоимость печати с подготовкой — 3000. Доставка, если выбрана, добавляет 500 сверх этой суммы.

Формула:

Печать с подготовкой = количество × 50 + 1000
Промежуточный итог = максимум из 3000 и суммы выше
Стоимость = промежуточный итог + доставка
Доставка = 500 при выбранном переключателе, иначе 0

Минимальная сумма применяется до доставки. Для 10 экземпляров печать с подготовкой даёт 1500, но действует минимум 3000. С доставкой итог — 3500. Если включить доставку до проверки минимума, получится другой результат.

Для настоящего проекта замените числа своими условиями и согласуйте формулу с тем, кто рассчитывает стоимость вручную. Отдельно уточните округление, дополнительные работы и срок действия цен.

3. Передайте ИИ полную задачу

В Lovarus можно описать нужный интерфейс и поведение в диалоге. Для существующего проекта укажите страницу и место нового блока. Начните с такого задания:

Добавь на страницу калькулятор предварительной стоимости печати.
Используй следующие учебные правила без изменений:
количество — целое число от 10 до 1000;
цена экземпляра — 50; подготовка — 1000;
минимум печати с подготовкой — 3000;
доставка — 500 сверх минимума, только если выбрана.
Итог = max(3000, количество * 50 + 1000) + доставка.

Покажи поле количества, переключатель доставки,
разбивку суммы и итог в рублях без копеек.
Пока количество пустое или неверное, итог не показывай.
Для дробного числа, отрицательного значения и выхода
за диапазон объясни, что исправить. Не округляй ввод молча.

После изменения поля убирай устаревший результат.
На телефоне поля и итог не должны выходить за ширину экрана.
Не добавляй отправку заявки, оплату или сохранение данных.
Остальные блоки страницы и её оформление сохрани.

Это задание для вашего проекта, а не подтверждение готового калькулятора. Проверьте полученный результат на контрольных примерах до публикации.

4. Сверьте расчёт на границах

Ожидаемые результаты по учебной формуле:

• 10 экземпляров без доставки — 3000.
• 10 экземпляров с доставкой — 3500.
• 40 экземпляров без доставки — 3000: точная граница минимума.
• 41 экземпляр без доставки — 3050.
• 100 экземпляров с доставкой — 6500.
• 1000 экземпляров без доставки — 51000.

Пустое поле, 9, 1001, отрицательное и дробное число должны давать понятную ошибку, а не правдоподобную стоимость. После правильного значения удалите ввод: старый итог не должен остаться на экране как актуальный.

Проверьте переключатель в обе стороны. Цена доставки должна добавляться один раз и исчезать при отключении. Затем повторите основные проверки по опубликованному адресу: версия в редакторе и доступная посетителям страница могут различаться.

5. Решите, что происходит после расчёта

В простой версии достаточно показать разбивку и рабочую ссылку для обсуждения заказа. Если добавляете форму заявки, передавайте выбранные параметры и рассчитанную сумму вместе с обращением. Проверьте получение по инструкции проверки формы.

Если результат используется для оплаты, окончательную сумму нужно заново рассчитывать на сервере по действующим правилам: значение, пришедшее из браузера, нельзя считать подтверждённой ценой заказа.

До работы с ИИ посмотрите актуальные условия Lovarus. Сам расчёт по фиксированной формуле не требует обращения к нейросети при каждом изменении поля: ИИ помогает подготовить реализацию, а готовый калькулятор выполняет заданные правила.

Сохраните формулу и контрольные примеры вместе с проектом. При изменении цен повторите проверки границы минимума, дополнительных услуг и опубликованной версии. Для остальных элементов страницы используйте чек-лист перед публикацией.