Как сделать калькулятор для корзины? Почему не выводит сумму значений?

Question

[legatobrown]

Мне нужна часть кода чтобы складывать значения полученные в тегах span с классом "sum" , по отдельности при добавлении количества товаров, сумма увеличивается, но не работает часть кода, которая должна складывать все суммы в общую сумму корзины.

<p class="itogo2-p1"><span id="summa">0</span>руб.</p>

<div class="basket-page2__main-item-item2-number">
                            <div class="number">
                                <i class="fa fa-minus" aria-hidden="true"></i>
                                <input type="text" class="number-input" value="1" data-price="1000" data-count="1"/>
                                <i class="fa fa-plus" aria-hidden="true"></i>
                            </div>
                            <div class="goods-price"><span class="sum">1000</span>руб.</div>
</div>

<div class="basket-page2__main-item-item2-number">
                            <div class="number">
                                <i class="fa fa-minus" aria-hidden="true"></i>
                                <input type="text" class="number-input" value="1" data-price="2000" data-count="1"/>
                                <i class="fa fa-plus" aria-hidden="true"></i>
                            </div>
                            <div class="goods-price"><span class="sum">2000</span>руб.</div>
</div>

var sum2 = document.getElementsByClassName('sum');
var summa = 0;

    for ( var i=0; i<sum2.length; i++ ) {
        summa += parseInt(sum2[i].value);
    }

document.getElementById("summa").innerHTML = summa;

Answer 1

[hzzzzl]

у спана не будет валуе, складывай sum2[i].textContent