2017-09-24 7 views
0

私は2つの変数の合計を計算するために、このスクリプトを作ったし、この合計を3番目の式で使用しています!どのようにこの作品を作る上での考えは非常に便利です!事前にJavaScriptの計算変数を保持

<form name="Calcultor" Method="Get" id='form1'>First Number: 
 
    <input type="text" name="fnum" size="35" id="first">+ Second Number: 
 
    <input type="text" name="snum" size="35" id="sec"> 
 
    <br> 
 
    <br>Answer: 
 
    <input type="text" name="ans" size="35" id="ans" /> 
 
    <input type="text" name="ans2" size="35" id="ans2" /> 
 
    <button type="button" onclick="Calculate();">Calculate</button> 
 
</form> 
 
<script lang="javascript"> 
 
    function Calculate() { 
 
     var first = document.getElementById('first').value; 
 
     var sec = document.getElementById('sec').value; 
 
\t var ans = document.getElementById('ans').value; 
 

 
     document.getElementById('ans').value = parseInt(first) + parseInt(sec); 
 
\t document.getElementById('ans2').value = parseInt(ans); 
 
     document.form1.submit(); 
 
    } 
 
</script>

ありがとう!

答えて

1

ここにある:何が明確でない場合

function Calculate() { 
 
    var first = document.getElementById('first').value; 
 
    var sec = document.getElementById('sec').value; 
 
    var ans = document.getElementById('ans').value; 
 

 
    document.getElementById('ans').value = parseInt(first) + parseInt(sec); 
 
    document.getElementById('ans2').value = document.getElementById('ans').value; 
 
    /*document.form1.submit();*/ 
 
}
<form name="Calcultor" Method="Get" id='form1'>First Number: 
 
    <input type="text" name="fnum" size="35" id="first">+ Second Number: 
 
    <input type="text" name="snum" size="35" id="sec"> 
 
    <br> 
 
    <br>Answer: 
 
    <input type="text" name="ans" size="35" id="ans" /> 
 
    <input type="text" name="ans2" size="35" id="ans2" /> 
 
    <button type="button" onclick="Calculate();">Calculate</button> 
 
</form>

が、聞いてお気軽に!

更新(1によって増分最後の入力値):

function Calculate() { 
 
    var first = document.getElementById('first').value; 
 
    var sec = document.getElementById('sec').value; 
 
    var ans = document.getElementById('ans').value; 
 

 
    document.getElementById('ans').value = parseInt(first) + parseInt(sec); 
 
    document.getElementById('ans2').value = parseInt(document.getElementById('ans').value) + 1; 
 
    /*document.form1.submit();*/ 
 
}
<form name="Calcultor" Method="Get" id='form1'>First Number: 
 
    <input type="text" name="fnum" size="35" id="first">+ Second Number: 
 
    <input type="text" name="snum" size="35" id="sec"> 
 
    <br> 
 
    <br>Answer: 
 
    <input type="text" name="ans" size="35" id="ans" /> 
 
    <input type="text" name="ans2" size="35" id="ans2" /> 
 
    <button type="button" onclick="Calculate();">Calculate</button> 
 
</form>

あなたはnumberstringを加算され解析された値がなくて、数字を合計する前にparseInt()を使用して、期待通りにすべきです結果は1文字以上の文字列になります。

+0

ありがとうございます!可能であればもう1つの質問!この行に+1を挿入した場合document.getElementById( 'ans2')。value = document.getElementById( 'ans')。値+1;スクリプトは実際には前の合計に+1を加算するのではなく、加算後にこの数値を加算します。たとえば、最初と2番目の値の1 + 1が+1で取得しない場合、結果として3を追加しましたが、21 ... –

+0

@ath_zach、私は答えを更新しました。 –

+0

もう一度ありがとう!はい、それは完全に動作しています!私はそれを練習します.. –