Калькулятор под свою задачу

Маленький калькулятор в одном файле: открывается в браузере, считает вашу задачу и проверен на примерах, которые вы посчитали сами

около 40 мин · с нуля · без VPN · задача «Собрать калькулятор под свою задачу без программиста»

Черновик на согласовании: текст может уточняться.

Чем делать

GigaChat, Алиса AI, любой чат-ИИ

Что подготовить

Расчёт, который вы повторяете руками или в таблице: стоимость заказа, цена проекта, сколько платить за аренду по счётчикам
Два примера с правильным ответом, посчитанные вами

Шаги

1. Опишите расчёт и посчитайте пример

Запишите, что вводится, что получается и по какой формуле. Посчитайте два примера руками или в таблице: по ним вы проверите калькулятор. Без своих примеров не поймёте, правильно ли он считает.

2. Попросите файл

Отправьте промпт в чат-ИИ. Нужен один файл, который работает без интернета и никуда не отправляет то, что вы вводите.

Сделай калькулятор одним HTML-файлом: разметка, стили и скрипт внутри, без внешних библиотек и без отправки данных в интернет.
Что вводится: [поля, с единицами].
Что считается: [формула словами].
Что показать: [результат и промежуточные суммы].
Требования: поля с подписями на русском, разделители тысяч в результатах, пересчёт сразу при вводе, дробные числа принимай и с запятой, и с точкой; понятное сообщение, если поле пустое, не число или меньше нуля.
Выведи только код файла целиком, без пояснений.

3. Сохраните и откройте

Скопируйте код от <!DOCTYPE html> до </html>, без строк с ```. Если в конце нет </html>, напишите в чат «продолжи». На Windows: откройте Блокнот, вставьте, «Сохранить как», тип «Все файлы», имя calc.html, кодировка UTF-8, сохраните на рабочий стол. Чтобы видеть расширения файлов, в Проводнике Windows 11 включите «Вид» → «Показать» → «Расширения имён файлов». На Mac: откройте TextEdit, в меню «Формат» выберите «Создать простой текст», вставьте и сохраните как calc.html. Если TextEdit спросит про расширение, выберите .html. Откройте файл двойным щелчком: он запустится в браузере.

4. Проверьте на своих примерах

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

5. Попросите исправить

Если что-то не так, опишите в том же чате, что ввели, что ожидали и что получили. Просите весь файл заново, а не кусок: так проще ничего не сломать при вставке.

Ввожу: [значения]. Ожидаю: [ответ из моего примера]. Калькулятор показывает: [что показал]. Найди ошибку в формуле, исправь и выведи файл целиком.

6. Решите, можно ли пользоваться

Калькулятор живёт у вас на компьютере. Его можно отправить коллеге файлом, лучше через мессенджер: почта часто режет вложения .html. Скажите, что это за файл. Перед этим пройдитесь по списку.

Оба ваших примера считаются правильно до рубля
На пустом поле, букве и нуле калькулятор не ломается и не показывает неверную сумму
Поиском (Ctrl+F или Cmd+F) по коду в файле нет «http»: калькулятор ничего не загружает и не отправляет
Формула в коде совпадает с вашей: попросите модель объяснить её словами и сверьте
Если калькулятор нужен для денег клиента, первые разы сверяйте результат с таблицей

Если получилось почти

Вместо калькулятора открывается текст кода. Проверьте, что имя заканчивается на .html, а не на .html.txt, и что в TextEdit выбран простой текст
Русские буквы превратились в знаки вопроса. Сохраните файл в кодировке UTF-8 или попросите модель добавить строку <meta charset="utf-8">
Ответ отличается на копейки. Попросите округлять так же, как в вашей таблице: «округляй до рубля только в итоговой сумме»

Опирается на методы

Одноразовые HTML-инструменты

Пройти с отметками шагов и записью в тетрадь →