технология

Создаем интерактивный калькулятор:
сервис stepFORM

stepFORM — сервис для создания различных адаптивных веб-форм. Он позволяет делать интерактивный калькуляторы, опросы и тесты. Рассказываем (и показываем), как создать в сервисе интерактивный калькулятор.

Бесплатно сервис stepFORM позволяет создать пять форм и получить до 50 ответов в месяц. На платных тарифах — 490 и 690 рублей в месяц (при оплате за год дается скидка) — можно запустить 20 и 50 форм и получить 200 и 1000 ответов в месяц.

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

Вот примеры использования онлайн-калькуляторов на информационных сайтах:
 

Откройте сервис stepFORM. В правом верхнем углу нажимайте «Войти». Появится боковое окно для регистрации и входа на сервис. Зарегистрируйтесь через свои аккаунты в ВКонтакте, Фейсбуке, Google или через электронную почту.

В личном кабинете сервис на выбор предложит создать калькулятор с нуля или воспользоваться шаблоном.

В шаблонах, например, есть калькуляторы расчета вклада, ипотеки, ОСАГО, электромонтажных и строительных работ.

Нажмите «Создать пустой шаблон», затем «+». В выпадающем списке выберите элемент. Для калькулятора подойдут:
 

  • множественный выбор (выбрать несколько вариантов);
  • одиночный выбор (выбрать только один вариант из предложенных);
  • диапазон (передвинуть бегунок на нужное значение);
  • цифровой ввод (добавить цифру);
  • формула (для подсчета баллов).

«Формулу» добавляйте в конце, именно здесь прописываются значения переменных и задаются вычислительные параметры.

Так калькулятор будет выглядеть на сайте.

Инструкция актуальна на декабрь 2021 года.

Спецпроекты sdelano.media

Над материалом работала
Ольга Бердецкая

Иллюстрации
скриншоты сервиса stepFORM

Знаете похожие технологии? Расскажите о своем опыте, нам интересно!

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: