calculs Javascript tenant les variables

Question

j'exerce en javascript et je l'ai fait ce script afin de calculer la somme des 2 variables, puis utiliser cette somme dans une troisième équation! toute réflexion sur la façon de faire ce travail sera très utile!

<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>

Merci à l'avance!

Answer 1

Ici, il est:

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>

Ne hésitez pas à demander, si quelque chose n'est pas clair!

Mise à jour (incrément dernière valeur d'entrée par un):

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>

Vous devez utiliser parseInt() avant les numéros de sommation, sans valeur analysable vous sommateur string avec number, et comme prévu , le résultat sera une chaîne avec un caractère de plus.