JS - ax²+bx+c=0 - Squelette du script

by M.V. 414

HTML

<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({ tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]} });
</script>

<h2>Résolution de l'équation $ax^2+bx+c=0$</h2>
<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_delta"></span></p>
<p id="span_solutions"></p>

CSS

input[type='text']{ text-align:center; }

JavaScript

/* =========================
   DEFINITION DES FONCTIONS
   ========================= */
// Fonction "CalculerSolutions" qui va calculer les solutions et les mettre dans une liste
var CalculerSolutions = function(a,b,c) {
   var solutions = []; // une liste (vide au départ) qui devra contenir en sortie de fonction :
                       // [delta,0] ou [delta,1,x0] ou [delta,2,x1,x2]
   var delta = Math.pow(b,2)-4*a*c;
   solutions.push(delta);
   /* ...............................
      .........lignes de codes à écrire
      .........pour le calcul des solutions
      .........et leur ajout à la liste.
      ............................... */
   return solutions;
}
// Fonction "AfficherSolutions" qui va : 
//  1. récupérer les valeurs a, b, c du formulaire ;
//  2. utiliser la fonction CalculerSolutions pour le calcul de delta et des solutions 
//  3. afficher delta et les solutions.
var AfficherSolutions = function() {
    var va = $("#input_a").val();
    var vb = $("#input_b").val();
    var vc = $("#input_c").val();
    var listeSolutions = CalculerSolutions(va,vb,vc);
    $("#span_delta").text(listeSolutions[0]); // Affichage du delta
   /* ...............................
      .........lignes de codes à écrire
      .........pour l'affichage des solutions
      .........qui sont dans la liste listeSolutions
      ............................... */
}
/* =========================
   UTILISATION DES FONCTIONS
   ========================= */
// On abonne la fonction AfficherSolutions à l'événement "change" sur pour chacun des 3 input.
$("#input_a").change(AfficherSolutions);
$("#input_b").change(AfficherSolutions);
$("#input_c").change(AfficherSolutions);
// Et on exécute immédiatement la fonction pour que l'affichage
// ait lieu une première fois au chargement de la page.
AfficherSolutions();