Javascript：残高を計算し、テキストフィールド入力を進める

Question

私はJavaScriptの初心者です。私は、ユーザーが入力フィールドを介して値を入力するコードを持っています（ '所定の料金を入力する'）。私が望むのは、ユーザーが '1000'以上を入力すると、進んだ値が別の入力テキスト（ 'advance fee'）に来るはずです。

ユーザが「1000」よりも小さいタイプを入力した場合、残高は別のテキスト入力（「残高」）になるはずです。

私Fiddle私はで働いていた道を運ぶ

私のHTMLフォームがある：。

<form> 
<div class="tbl_admission_FormCell">Given Fees</div> 
    <div class="tbl_admission_FormCell" style="padding:10px;"><input type="text" name="given_fees" value="" id="given_fees" onkeypress="givenfees()" onkeyup="givenfees()"/> </div> 

<div class="tbl_admission_FormCell">Balance Fees</div> 

<div class="tbl_admission_FormCell"><span id="balance_fees"></span> </div> 

<div class="tbl_admission_FormCell">Advance Fees</div> 

<div class="tbl_admission_FormCell"><span id="advance_fees"></span> </div> 
<div class="tbl_admission_FormRow"> 
    <div class="tbl_admission_FormCell">Total Fees</div> 
    <div class="tbl_admission_FormCell"><input type="text" id="total_fees" name="total_fees" style="border:none;" value="1000" readonly/></div> 
    <div class="tbl_admission_FormCell"><div class="amt_total" onchange="amt_total()" ></div></div> 
    </div> 
</form> 
<script> 
function givenfees(){ 
    var given_fees = document.getElementById("given_fees"); 
    var s = given_fees.value; 
    bal_value = +s - +result;  
    var balance_fees = document.getElementById("balance_fees"); 
    if(+bal_value<0) 
    { 
    advance_fees.innerText = +bal_value; 
    } 
    else 
    {balance_fees.innerText = +bal_value;} 
} 
</script> 

Answer 1

のONCHANGE 'calValue' 関数を呼び出しておいてください、私はあなたの答えを編集しました。 fiddleを確認してください。あなたの問題を正確に理解すれば、これがあなたを助けてくれることを願っています。

function givenfees(){ 
    var result=1000; 
    var given_fees = document.getElementById("given_fees"); 
    var s = given_fees.value; 
    bal_value = +s - +result;  
    var balance_fees = document.getElementById("balance_fees"); 
    if(+bal_value>0) 
    { 
    advance_fees.innerText = +bal_value; 
    balance_fees.innerText = 0; 
    } 
    else 
    { 
    balance_fees.innerText = +bal_value; 
    advance_fees.innerText = 0; 
    } 
} 

Answer 2

はINPUT1

function calValue(){ 
    var input1 = document.getElementById("input1").value; 
    var input2 = document.getElementById("input2"); 
    if(input1 >= 1000){ 
    input2.value = input1 - 1000; 
    }else{ 
    input2.value = 1000 - input1; 
    } 
}