HTML-JS - Delta

by M.V. 414

HTML

<h1>DELTA</h1>
<label for="a">a</label><input type="text" id="input_a" value="1" size='6'>
<label for="b">b</label><input type="text" id="input_b" value="2" size='6'>
<label for="c">c</label><input type="text" id="input_c" value="3" size='6'>

<p>
Le discriminant vaut 
<span id="span_reponse"></span>
</p>

JavaScript

/* =========================
   DEFINITIONS DES FONCTIONS
   =========================
*/
// Fonction "CalculerDelta" qui va calculer delta
// Elle nécessite en entrées : 3 nombres a, b, c
// Elle retourne en sortie : 1 nombre d qui correspond à delta.
var CalculerDelta = function(a,b,c) {
   var d = b*b-4*a*c;
   // console.log(delta);
   return d;
}
// Fonction "AfficherDelta" qui va afficher delta
// après avoir récupéré les valeurs du formulaire.
// et demandé le calcul de delta à la fonction CalculerDelta
// Elle ne nécessite aucune entrée.
// Elle affiche la réponse dans la balise span.
var AfficherDelta = function() {
    var va = $("#input_a").val();
    var vb = $("#input_b").val();
    var vc = $("#input_c").val();
    var resultatdudelta = CalculerDelta(va,vb,vc);
    $("#span_reponse").text(resultatdudelta);
}
/* =========================
   UTILISATION DES FONCTIONS
   =========================
*/
// On abonne la fonction AfficherDelta à l'événement "click" sur le bouton.
$("#input_a").change(AfficherDelta);
$("#input_b").change(AfficherDelta);
$("#input_c").change(AfficherDelta);
// Et on exécute immédiatement la fonction pour que la valeur de delta
// s'affiche (sans avoir à cliqué) au chargement de la page.
AfficherDelta();