Как посчитать общую цену?

Question

[Иван Симонов]

Здравствуйте
Есть код - fiddle

Выводиться данные значения в консоли
console.log(el.value) // 15, 20, 6

Пытаюсь перемножить el.value * el.value * el.value, но перемножаться последние значения
6 * 6 * 6

Как правильно перемножить установленные значение 15*20*6 = 1800?
и почему выводиться последнее значение?

Answer 1

[0xD34F]

Получаем элементы:

const elements = el.closest('.calc').querySelectorAll('.range__control');

// или

const { elements } = el.form;

Перемножаем их значения:

const price = Array.prototype.reduce.call(
  elements,
  (acc, n) => acc * n.value,
  1
);

// или

let price = 1;
for (const { value } of elements) {
  price *= value;
}

// или

const price = eval(Array.from(elements, n => n.value).join('*')) ?? 1;

// или

const price = (function mul(i) {
  return i < elements.length ? elements[i].value * mul(-~i) : 1;
})(0);

Comments

[Иван Симонов]

Спасибо. Подскажите, а почему выводилось последнее значение?

[0xD34F]

Иван Симонов, встречный вопрос - а почему вы ожидали, что будет выводиться что-то иное? Нет, серьёзно - почему? На каком элементе событие возникло - тот у вас и доступен внутри обработчика. Всё.