JSFiddle - React, Tailwind, and code Playground

by Sherali Turdiyev

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-maskmoney/3.0.2/jquery.maskMoney.min.js"></script>
<input type="text" value="" class="number amount" />
<br/>
<span id="total"></span>

JavaScript

$(document).ready(function () {
    $('.amount').maskMoney();
    $('.amount').on('change', function () {

        getTotalReceiptAmount()
    });

});


function getTotalReceiptAmount() {
    window.total = 0;
    $('.amount').each(function () {
        if ($(this).val()) {
            window.total += parseFloat($.trim($(this).val()).replace(/,/g, ''));
        }
    });
    console.log(window.total);
    $('#total').html(window.total.toFixed(2));
}