Script soma de div Real Brasileiro

meushopbox.com

by thvinic

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="somar">500</div>
<div class="somar">1.000</div>
<div class="somar">1.000</div>
<div class="somar">2.000</div>

<div id="resultado"></div>

<div>
    <label for="discountInput">Enter Discount:</label>
    <input type="number" id="discountInput"/>
    <button id="calculateDiscount">Calculate Discount</button>
</div>

<div id="discount"></div>

JavaScript

$(document).ready(function () {
        var total = $('.somar')
            .get()
            .reduce(function (tot, el) {
                var numero = el.innerHTML.split('.').join('').split(',').join('.');
                return tot + Number(numero);
            }, 0);

        $('#resultado').html(total.toLocaleString(undefined, { minimumFractionDigits: 2 }));

        $('#calculateDiscount').click(function () {
            var discountValue = parseFloat($('#discountInput').val() || 0);
            var discountedTotal = total - discountValue;

            if (discountedTotal < 0) {
                discountedTotal = 0;
            }

            $('#discount').html(
                'Discounted Total: ' + discountedTotal.toLocaleString(undefined, { minimumFractionDigits: 2 })
            );
        });
    });