JSFiddle - React, Tailwind, and code Playground

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(',',''));
		}				
	});
	console.log(window.total);
	$('#total').html(window.total.toFixed(2));	
}