JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>

<body>



<div class="PaymentLine">
ORIGINAL AMOUNT:$174.00 <input type="hidden" class="CustomerOrderTotal" value="174.00"><br><br>
REFUND AMOUNT:  <input type="text" class="amtTOrefund" size="10">
</div>
<br>
<input id="doREFUND" type="button" value="CLICK">

</body>
</html>

JavaScript

$('#doREFUND').on("click", function() {

            var amtTOrefundVal    = $('.amtTOrefund').val();
            var OrigAMTVal        = $('.CustomerOrderTotal').val();

            var doamtTOrefund    = parseInt(amtTOrefundVal).toFixed(2);
            var doOrigAMT        = parseInt(OrigAMTVal).toFixed(2);

                if((doamtTOrefund) > (doOrigAMT))
                {    
                    var balance = OrigAMTVal-doamtTOrefund;
                    alert("BAD: $"+balance+" Over Limit");

                } else {
     
                    var balance = OrigAMTVal-doamtTOrefund;
                    alert("GOOD: $"+balance+" Left to Go");
   
                }
            
});