Как сложить значения с одинаковым классом js?

Question

[powerg1980]

Нужно сложить все значения(есть значения с одинаковыми классами) и вывести сумму. Не судите строго, в JS я новичек. Спасибо

Answer 1

[Олег]

let elements = document.querySelectorAll('.right-form-calculator__cost');
const totalSum = [...elements].reduce((sum, current) => {
  return sum + parseFloat(current.innerText);
}, 0);
let calculator__sum = document.querySelector('.right-form-calculator__sum');
calculator__sum.innerHTML = 'Сумма '+totalSum+' руб'

Comments

[powerg1980]

а если изначально значений нет, они появляются при клике то как тогда не подскажите? такое не работает, работает только если изначально есть значения

[Олег]

powerg1980,

let elements = document.querySelectorAll('.right-form-calculator__cost');
const totalSum = [...elements].reduce((sum, current) => {
  return sum + parseFloat(current.innerText);
}, 0);
let calculator__sum = document.querySelector('.right-form-calculator__sum');
if(totalSum>0){
calculator__sum.innerHTML = 'Сумма '+totalSum+' руб'}

[Алексей Дубровин]

Олег, У вас будет фтал.
parseFloat('') вернет NaN

Answer 2

[mahmudchon]

Тут в начале создается переменная, равная 0. Потом обход всех элементов с классом .right-form-calculator__cost. Все значения суммируются и выводится результат в .right-form-calculator__sum.

Comments

[powerg1980]

а если изначально значений нет, они появляются при клике то как тогда не подскажите? такое не работает, работает только если изначально есть значения