Где взять скрипт калькулятора вариантов услуги? Нужно сделать менюшку, где выбираешь пару параметров выпадающими списками и получаешь заранее заготовленную цифру.
То есть выбрал красный и выбрал из кожи - получил 2000р, выбрал синий и из замши - 3000р, красный из замши - 2500р и так далее.
Скорее всего есть элементарные готовые решения, подскажите где их найти максимально чистые-легкие-простые для вставки на сайт или что вообще искать?

21 Авг 2019 в 06:26
181 +1
0
Ответы
1

Можно использовать JavaScript для создания такого калькулятора на своем сайте. Можно найти готовые скрипты калькуляторов услуг на сайтах с открытым доступом к коду, таких как GitHub, CodePen, или jsFiddle. Просто введите в поисковой строке "JavaScript service calculator script" или "JavaScript dropdown menu calculator" и найдете множество готовых решений.

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

Вот пример простого калькулятора на JavaScript:

<select id="color">
<option value="red">Красный</option>
<option value="blue">Синий</option>
</select>
<select id="material">
<option value="leather">Кожа</option>
<option value="suede">Замша</option>
</select>
<button onclick="calculatePrice()">Рассчитать</button>
<div id="result"></div>
<script>
function calculatePrice() {
var color = document.getElementById("color").value;
var material = document.getElementById("material").value;
var price;
if (color === "red" && material === "leather") {
price = 2000;
} else if (color === "blue" && material === "suede") {
price = 3000;
} else if (color === "red" && material === "suede") {
price = 2500;
} else {
price = 0;
}
document.getElementById("result").innerHTML = "Цена: " + price + "р";
}
</script>

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

20 Апр 2024 в 13:18
Не можешь разобраться в этой теме?
Обратись за помощью к экспертам
Гарантированные бесплатные доработки в течение 1 года
Быстрое выполнение от 2 часов
Проверка работы на плагиат
Поможем написать учебную работу
Прямой эфир