Bouton

exécute au moment du clic tt en restant sur la même page

<!-- formulaire -->
<form method="post" action="">
  <p>
  <label for="champ1">Votre Champ1 :</label>
  <input type="text" name="champ1" id="champ1" value="" required>

  <label for="champ2">Votre Champ2 :</label>
  <input type="text" name="champ2" id="champ2" value="" required>

  <label for="champ3">Votre Champ3 :</label>
  <input type="text" name="champ3" id="champ3" value="">
  </p>

  <input type="button" value="Envoyer" onclick="calculer()"/>
</form> 

<script type="text/javascript">
  function calculer(){
    var champ1 = document.getElementById('champ1');
    var champ2 = document.getElementById('champ2');
    var champ3 = document.getElementById('champ3');
  
    //on fait le calcul
    var addition = parseFloat(champ1.value) + parseFloat(champ2.value);
    //on affiche le resultat
    champ3.value = addition
  }
</script>