Калькулятор товаров, как осуществить?

Question

[Way]

Значит есть товар у него есть цена, выбор количества и размер. Допустим цветок 70см. значит к сумме 100р прибавляется 50р, а потом это всё умножается на количество. Но всё осложняет то, что есть слайдер в котором размер уже забит т.е. от 40см до 110см. Как я понял надо в вары выдавать сколько стоит такой то размер и потом делать проверку, но чёт у меня ни чего не выходит дельного. Может вы подскажите как осуществить? Пример в студию.

Comments

[Евгений Петров]

Пардоньте, а варны — это кто?

[Way]

Евгений Петров: var price = 40;

[Евгений Петров]

И что в итоге?

Answer 1

[Константин Китманов]

Не очень понятно, что же все-таки связывает сантиметры, цветки и слайдеры, но, видимо, вам надо что-то такое:

if (length < 40) {
    price += 70;
}if (length > 40 && length < 110) {
    price += 100;
} else if (length > 110) {
    price += 120;
}

Comments

[Way]

В общем мне нужно, чтобы если клиент выбирал размер цветка то за размер накладывалась цена(Пример: цветок 40см стоит 100р, а если ползунок переместить на 50 то к цене прибавляется +10р) и умножалось на количество и уже в низу странице должна выводиться итоговая цена. Если не понятно то я скину ссылку где примерно это сделано.

Answer 2

[Евгений Петров]

1. При загрузке обходим все контейнеры с цветами.
2. Запоминаем элементы (чтобы не искать их каждый раз) и неизменные значения.
3. Вызываем обсчёт цены цветка и общего количества.
4. При изменении значения длины или количества запускаем в обработчике обсчёт.

Механизм покупки и запоминания реализуете сами, ибо нефиг.
jsfiddle.net/petroveg/a77zfuvq/1

Comments

[Way]

Это всё есть, только нужен был сам калькулятор:) А можно ещё поинтересоваться, где там количество указано? Цена и сколько см есть, а количества нету и ещё вопросик, можно ли будет этот скрипт присобачить к NoUislider?

[Way]

А нет, сорри. Количество есть, просто не заметил.

[Евгений Петров]

Количество указано в атрибуте value. Как количество, так и длина.
Можно всё.

[Way]

Евгений Петров: Да, только NoUiSlider непредсказуемый слайдер.

[Way]

Евгений Петров: Не подскажите как передать данные со span в бд или как вставить data-тут тег в input?