Как сделать автоматическое изменение цены при изменении параметров товара?

Question

[Wytpry]

По нажатию на кнопку появляется модальное окно, где указаны параметры товара и общая стоимость. Как сделать автоматическое изменение цены при изменении параметров?
https://codepen.io/anon/pen/dwyRPX

Answer 1

[VegasChickiChicki]

Новичок JS ,но попробую ответить. Попробуй сделать через If . If ( какой либо пункт равен определенному значению(к примеру цвет. если он равен Green)) { тут присваиваешь через innerHTML значение цены.} И так к каждому условию пишешь свою цену. Писал с учетом того что ты знаешь queryselector, innerHTML и if/else. :)

Answer 2

[alex-1917]

1. Повесь функцию на событие change
2. Функция должна собрать выбранные пункты (элемент option)
3. Математика.

Далее два варианта -
или формулы привязывать к конкретным пунктам,
или составляющая цены уже будет лежать в в value каждого пункта, тогда сразу вставка в формулу.
типа так

<option value="340">Small</option>
<option value="440">Medium</option>
<option value="560">Large</option>

Кроме всего прочего, у тебя ДВА селекта, т.е. возможно цена зависит еще и от комбинации, т.е. формула усложняется, тогда по логике отправлять запрос на сервак и там хранить все комбинашки...
Так-то по сути вопрос плевый, типовой калькулятор, работы на 2 часа)))

*ули тут сказать, как обычно, сырое ТЗ и вопрос, заданный жующим ртом...