Détecte l'evement onclick et récupère les infos de formulaire ainsi que DIV

by Stéphane Lorimier

HTML

<form method="post">
  <input id="a" name="a" value="4" />
  <input id="b" name="b" value="2" />
  <input id="calcul" value="Calculer" type="button" />
</form>

<div id="div">Coucou, je suis le contenu du div!</div>
<h2 id="resultat"></h2>

<p>
<a href="http://coursesweb.net/javascript/register-detect-event-handlers" target="_blank">Source</a>
</p>

JavaScript

var calcul = document.getElementById('calcul'); // récupérer l'élément

// function à exécuter lorsque l'événement est acitvé
function myFunction() {
  var a = document.getElementById('a');
  var b = document.getElementById('b');
  var div = document.getElementById('div');
  //alert('Click event detected \nA:'+a.value+'\nB:'+b.value+' \ndiv: '+div.innerHTML);
  document.getElementById('resultat').innerHTML = 'A:' + a.value + '<br />B:' + b.value + '<br />div: ' + div.innerHTML;
}

// enregistement du onclick l'événement
calcul.onclick = myFunction;