Помощь с калькулятором jquery?

Question

[stepaniwe]

Вроде получается определить значения полей, но как их суммировать и чтобы выводилось в результат - совсем не получается. Заранее спасибо за помощь

https://codepen.io/st-iv/pen/JpyqKN

Comments

[Stalker_RED]

Вроде получается определить значения полей

(На самом деле нет)

Если не считать пустые строки, и строки, в которых только скобочки, то окажется, что у вас в коде всего две строки, не вызывающие вопросов типа "WTF? @#$%^, что это? (или #$%^&, зачем?)".

Вам бы отложить пока jQuery и открыть учебник по js. Самое начало. Вот совсем-совсем самое начало.

Если хотите, могу подробнее показать, но лучше просто открыть учебник. Более того, в идеале это должен быть учебник по какому-то другому языку, т.к. учить js первым - идея так себе.

Answer 1

[0xD34F]

Делаете функцию полного подсчёта суммы, назначаете её элементам управления в качестве обработчика событий, возникающих при действиях пользователя:

$('#production, #col, .pay, [name="size"]').on('input', recalcPrice);
recalcPrice();

function recalcPrice() {
  const price = [
    $('#production').val(),
    ...$('.pay:checked').get().map(n => n.value),
    $('[name="size"]:checked').val(),
  ].reduce((acc, n) => acc + (n | 0), 0);

  $('#final_price').html(price * ($('#col').val() | 0));
}