JSFiddle - React, Tailwind, and code Playground

by Taleeb Anwar

HTML

<input type="text" name="GrandTotal" id="GrandTotal" class=" form-control" placeholder="Grand Total"  required />
<input type="text" name="DownPayment" id="downpayment" class=" form-control" placeholder="Down Payment" required />
<input type="text" name="Status" id="status" class="form-control" placeholder="Status">

JavaScript

$('#downpayment').on('keyup keydown', function (){
       var $this = $(this);
            GrandTotal = parseFloat($("#GrandTotal").val());
            downpayment = parseFloat($("#downpayment").val());
          var value = GrandTotal - downpayment;

            if (GrandTotal < downpayment) {
              var status = "PAID OFF";
            	$('#status').val(status);
            } else {
              var status = -1*value;
            	$('#status').val(status);
            }
            console.log(status);

    });