如果现金支付>总金额，如何保持总余额

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>大家好，我的问题是，如果现金支付 > 总金额，我希望总余额保持为 40。因为，支付的现金是患者支付的总金额。例如，如果客户的先前余额为 40，并且客户回来购买了一些东西，并且客户的总金额为 20，并且客户支付了 50，则余额仍为 40，因为 cashtenered > 总金额。因为在我的代码中，例如，总余额是 40，我在金额中输入 100，在现金中输入 500，总余额变为 90，我想保持 40。我搜索了这个问题，这个 tbalance id 中缺少的部分是 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>