Javascript İle Bir Classa Ait Rakamsal Değerleri Toplama

Adeti belli olmayan herhangi bir class'a ait, listenin rakamsal değerlerini aşağıdaki gibi toplayabilirsiniz.

Örnek Kod Yapısı

<span id="tumsatislar"></span><ul> <li><span class="topla">3</span></li> <li><span class="topla">1</span></li> <li><span class="topla">1</span></li> <li><span class="topla">2</span></li></ul><script>let toplam = 0;[...document.querySelectorAll('.satislar')].map(x => toplam+=parseInt(x.innerText))if(toplam != 0){$('#tumsatislar').html('<span style="margin-left:10px" class="label right bg-red">'+toplam+'</span>')}</script>//sonuç olarak #tumsatislar spanın içine 7 yazacaktır.