[Урок 46] Делаем более сложный калькулятор (2 часть)
Привет всем. Не так давно мы уже говорили про установку калькулятора на сайт. Но добавляли мы тогда только ползунок с диапазоном - это совсем легко.
Сегодня хочу немного усложнить механику работы, добавив несколько параметров для подсчёта сразу. Поехали!
Добавляем калькулятор.
Напоминаю, что калькулятор собирается в блоке формы. Можно использовать блоки: BF204N, BF310N, BF311N, BF402N, BF403N и BF502N.
Я беру блок BF204N и удаляю из него все ненужные мне поля.
После того, как поля удалены можно приступить к добавлению нужных параметров. Я хочу сделать калькулятор для расчёта стоимости сайта.
Напоминаю: открываем настройки контента формы и нажимаем добавление полей для ввода!
Параметры будут такими:
- Тип сайта
- Количество экранов
- Сроки выполнения
Работать мы будем с чекбоксами, ползунком и выпадающим списком.
1) Тип сайта
Добавляем новое поле для ввода и выбираем "Вопрос с вариантами ответа".
Указываем заголовок. Я напишу "Выберите тип вашего будущего сайта:".
И теперь самое главное. Варианты значения. Это выбор, который мы даём пользователю.
У меня будет 3 варианта:
- Лендинг
- Интернет-магазин
- Блог
Вписываем их в нужное поле и указываем их стоимость (после знака равно). Формула +- такая:
Лендинг=10000 (где 10000 это цена)
Вид ответа - параметр позволяющий выбрать только один или несколько вариантов. Я сделаю только один.
Имя переменной: checkbox - запоминаем.
В целом тут всё. Не забываем сохранять.
2) Ползунок - количество экранов
Добавляем следующее поле для ввода:
Выбираем тип: количество (ползунок)
Заголовок: Укажите количество смысловых экранов:
Имя переменной: many
Указываем минимальные и максимальные значения выбора.
В целом, можете вернуться к этому уроку: https://teletype.in/@sitodeal/ZFk3jCXlx
Там всё расписано более подробно.
Тут всё, закрываем и сохраняем. Остаётся только выпадающий список.
3) Сроки выполнения - выпадающий список
В очередной раз добавляем новое поле и выбираем новый тип: выпадающий список.
Заголовок: Как быстро нам нужно работать:
Имя переменной: list
И теперь значения.
Указываем так же как в случае с галочками:
В обычном темпе = 1
Быстро = 2
Очень быстро = 3
Это расценки на темпы работы.
Сохраняем.
4) Добавляем сам калькулятор
О нём мы так же говорили в предыдущем уроке, но добавить его тут всё таки придётся.
Добавляем новое поле для ввода и выбираем тип: Калькулятор.
Заголовок: Приблизительная стоимость сайта:
Имя переменной: calc
Тест перед результатом вычисления: Итог:
Текст после: руб.
А теперь самое главное - формула.
Напомню про переменные:
- list - cроки работы
- checkbox - тип сайта
- many - количество экранов
Формула расчёта:
checkbox+(many*1200)*list
1200 это просто цена экрана взятая из головы. Вводим, сохраняем, закрываем и проверяем.
