함수를 호출하는 버튼 만들기()

Question

cal()으로 양식을 만들었습니다. 사람들이 옵션을 선택하고 선택한 내용에 따라 대답을 계산할 수있게했습니다.

하지만 결과를 호출하는 끝에 단추를 삽입하고 싶습니다. 그래서 사람들이 옵션을 선택했을 때 제출 버튼을 클릭하면 선택에 따라 올바른 대답을 얻을 수 있습니다.

나는 그것을 할 수 없었다. input 버튼을 시도했지만 나머지를 호출하는 방법을 모르겠습니다.

<script> 
function cal() { 
    var pl = document.form1.template.value; 
    var resultat = pl; 
    document.form1.tresultat.value = resultat; 
    document.formfin.tresultatfin.value = calfin(); 
} 

function cal2() { 
    var pl2 = document.form2.envoi.value; 
    var resultat2 = pl2; 
    document.form2.tresultat2.value = resultat2; 
    document.formfin.tresultatfin.value = calfin(); 
} 

function cal3() { 
    var pl3 = document.form3.article.value; 
    var tl3 = document.form3.ecrit.value; 
    var resultat3 = pl3*tl3; 
    document.form3.tresultat3.value = resultat3; 
    document.formfin.tresultatfin.value = calfin(); 
} 

function calfin() { 
    var r1 = form1.tresultat.value; 
    var r2 = form2.tresultat2.value; 
    var r3 = form3.tresultat3.value; 
    return (parseFloat(r1)+(parseFloat(r2)*parseFloat(r3))); 
} 

</script> 

<form name="form1"> 
    <label for="template">Template :</label> 
    <select name="template" onChange="cal()"> 
    <option value="500">Yes 
    <option value="800">No 
    <option value="2900">Maybe 
    </select> 
    <input type="hidden" value="0" name="tresultat"> 
</form> 
<br><br><br> 
<form name="form2"> 
<label for="envoi">Quantité d'envoi annuel :</label> 
    <select name="envoi" onChange="cal2()"> 
    <option value="2">2 
    <option value="3,6">4 
    <option value="5,1">6 
    <option value="6,4">8 
    <option value="9">12 
    </select> 
    <input type="hidden" value="0" name="tresultat2"> 
</form> 
<br><br><br> 
<form name="form3"> 
<label for="article">Articles par infolettre :</label> 
    <select name="article" onChange="cal3()"> 
    <option value="1">1 
    <option value="2">2 
    <option value="3">3 
    </select> 

    <label for="ecriture"> Écriture des articles :</label> 
    <select name="ecrit" onChange="cal3()"> 
    <option value="50">X 
    <option value="300">Y 
    <option value="200">Z 
    </select> 
    <input type="hidden" value="0" name="tresultat3"> 

<br><br><br> 
<form name="formfin"> 
<label for="total"> Total :</label> 
<input type="text" value="0" name="tresultatfin"> 
</form> 

내 모든 기능이 제대로 작동 :

여기 내 코드입니다. 그들은 내가 원하는 것을 계산하고 대답을 요구할 버튼 만 빠져 있습니다.

도움을 주셔서 감사합니다.

Answer 1

그냥 양식에

<form name="formfin"> 
    <label for="total"> Total :</label> 
    <input type="text" value="0" name="tresultatfin"> 
    **<input type="button" onclick="cal()" value="Calculer" />** 
</form>