Узнайте, как начать создавать веб-калькулятор за минуты 2
С помощью Calculoid создать калькулятор с нуля очень просто. В этом коротком видео вы узнаете, как создать простой веб-калькулятор.
Из этого туториала Вы узнаете, как создать готовый для внедрения калькулятор всего за несколько минут 2. Узнайте, как добавлять и редактировать поля, настраивать дизайн калькулятора, проверять предварительный просмотр и публиковать калькулятор на своем веб-сайте.
1. Создать поля
Сначала нужно добавить поля. Щелкните по типу поля, которое хотите добавить в калькулятор. Для нашего калькулятора нам нужны поля типа «Ползунок», «Радио-бокс» и «Формула» . Затем измените размер каждого поля, чтобы оно поместилось в калькулятор, и перетащите их в нужное место. Чтобы изменить название поля, просто щелкните значок «Редактировать» в поле, которое хотите отредактировать.
Поле «Ползунок» отображает выбранное числовое значение . Поле «Радиобокс» используется для выбора одного из нескольких вариантов. Перейдите в раздел «Параметры», чтобы ввести имя со значением, и добавьте столько новых параметров, сколько вам нужно. Поле «Формула» отображает результат, вычисленный на основе значений других полей. В разделе формул мы создаем формулы, просто щелкая по полям и математическим операторам.
2. Настроить дизайн
Далее вы можете изменить дизайн калькулятора. Выберите цветовую схему с цветом фона и выравниванием для всего текста в нашем калькуляторе. В расширенном дизайне есть больше возможностей для настройки размера, толщины шрифта, цвета и выравнивания каждого типа текста. Для нашего калькулятора нам нужно сильнее выделить название поля, поэтому мы устанавливаем толщину шрифта для названия поля равной 500.
3. Калькулятор предварительного просмотра
Вы можете мгновенно протестировать калькулятор в редакторе, а если хотите проверить, как он будет выглядеть на разных устройствах , перейдите в предварительный просмотр. В предварительном просмотре вы можете увидеть калькулятор на настольном компьютере, планшете или мобильном устройстве. Если ваш калькулятор готов и выглядит хорошо, последний шаг — встроить его на ваш веб-сайт.
4. Опубликовать на сайте
Чтобы опубликовать калькулятор, его необходимо пометить как готовый. Затем скопируйте код встраивания и вставьте его в содержимое страницы, чтобы отобразить калькулятор на вашем сайте. И всё, интерактивный веб-калькулятор за считанные минуты благодаря Calculoid.
