Как сохранить итоговый баланс, если вырученные деньги составляют> общую сумму

Question

$(function() {
    $("#payment").on("keydown keyup", sum);
 function sum() {

 	const balance=Number.parseFloat(document.getElementById('balance').value);
    var payment = Number.parseFloat(document.getElementById('payment').value);
    var amount = Number.parseFloat(document.getElementById('amount').value);

     if(payment<amount){
     

        let TotalBalance = balance;  
      TotalBalance = TotalBalance + (amount - payment); 
      document.getElementById('tbalance').value=TotalBalance;
    }
 }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-md-2">
        Amount<input type="text" name="amount" id="amount" class="form-control" />
        </div>
     
        <div class="col-md-2">
        Cash Tendered </strong>: <input type="text" name="payment" id="payment" class="form-control" />
      
        
         <div class="col-md-2">
        Previous Balance</strong>: <input type="text" name="balance" id="balance"readonly="" class="form-control" value="40" />
        </div>

         <div class="col-md-2">
       TOtalBalance</strong>: <input type="text" name="tbalance" id="tbalance"readonly="" class="form-control" value="40" />
        </div>

Здравствуйте, ребята, моя проблема в том, что если Cashtendered> Total Amount, я хочу, чтобы Total Balance оставался 40. Потому что, CA sh тендер является пациентом выплачивается на общую сумму. Например, если у клиента «Предыдущий баланс» равен 40, а клиент возвращается и что-то покупает, а общая сумма клиента составляет 20, а клиент заплатил 50, то есть остаток остается равным 40, потому что кассовая система> Общая сумма. потому что в моем коде, например, общее сальдо равно 40, и я набираю 100 в поле «Сумма», а 500 в сумме «sh» и т. д. общее сальдо становится равным 90. это Parsefloat, но я не знаю, как применить это

Answer 1

$(function() {

    $("#payment").on("keydown keyup", sum);
 function sum() {
var balance=Number.parseFloat(document.getElementById('balance').value);
    var payment = Number.parseFloat(document.getElementById('payment').value);
    var amount = Number.parseFloat(document.getElementById('amount').value);
   if (payment>=amount) {
 
  

    document.getElementById('tbalance').value=balance;
   }
    else if(payment<amount){

      
      TotalBalance = balance+ (amount - payment); 
      document.getElementById('tbalance').value=TotalBalance;
    }
 }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <div class="col-md-2">
        Amount<input type="text" name="amount" id="amount" class="form-control" />
        </div>
       
      
        <div class="col-md-2">
        Cash Tendered </strong>: <input type="text" name="payment" id="payment" class="form-control" />
        </div>
      
        
         <div class="col-md-2">
        Balance</strong>: <input type="text" name="balance" id="balance"readonly="" class="form-control" value="40"/>
        </div>

        <div class="col-md-2">
       TOtalBalance</strong>: <input type="text" name="tbalance" id="tbalance"readonly="" class="form-control" value="40" />
        </div>