Résolution d'une équation du premier degré avec Javascript
Bienvenue !!!! Merci de lire ce tutoriel au cours duquel je vais vous apprendre à résoudre une équation du premier degré en Javascript.
Bon, je tiens à rappeler que nous n'allons pas faire les maths ici histoire de ne pas léser certains. Mais nous exploiterons tout simplement les notions de mathématique pour la résolution de notre problème. Et d'ailleurs ce sont de notions très simple et presque connues de tous.
Si vous avez des difficultés ou encore besoin d'apprendre les mathématiques, je vous invite vivement à aller suivre
mes cours de mathématique en cliquant ici. Je suis sûr que cela pourra vous aider pour la suite de ce tutoriel et pour les notions avancées que nous allons apprendre.
Pourquoi je le dis? Bah, justement parce que hormis d'autres notions que nous allons apprendre, nous étudierons aussi la résolution de l'équation du second degré et même du troisième degré toujours avec Javascript
On sait qu'une équation du premier degré se présente sous la forme : \(ax+b=0\). Résoudre une telle équation, revient à trouver la valeur de \(x\)
tel qu'en faisant \(a\times x+b\), cette somme donne \(0\).
Déjà en regardant l'équation \(ax+b=0\), nous pouvons facilement trouver la valeur de \(x\).
Nous ferons : \(ax+b=0\iff ax=-b\iff x=\frac{-b}{a}\).
Et c'est tout. Nous avons résolu le problème en math.
Et en Informatique? Non. Utilisons Javascript pour cette affaire. Notre code ressemblera à ceci :
Je tiens à signaler que pour un premier temps, nous allons déjà attribuer des valeurs à \(a\ et \ b\). Ensuite, nous allons transformer notre
fonction pour permettre à l'utilisateur de saisir ses propres valeurs. C'est très simple.
Voici le code :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> Formation</title>
<style type="text/css">
</style>
</head>
<body>
<button onclick="equation_pd" type="button" style="width:30%;">
Clique-moi!
</button>
<script tyep="text/javascript" >
function equation_pd(){
var a = 5;
var b = 5;
var x = -b/a ;
alert("+x");
}
</script>
</body>
</html>
Résultat :
Oui. Tout es ok. Libre à vous de choisir le mode d'affichage du résultat. Je vous propose par exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> Formation</title>
<style type="text/css">
</style>
</head>
<body>
<button onclick="equation_pd();" type="button" style="width:30%;">
Résolution
</button>
<script tyep="text/javascript" >
function equation_pd(){
var a = 5;
var b = 5;
var x = -b/a ;
document.write("+x");
}
</script>
</body>
</html>
Maintenant nous allons essayer de transformer notre fonction afin de pouvoir laisser la possibilité à l'utilisateur de saisir ses propres valeurs
Nous allons également utiliser une suite de conditions pour tester si les valeurs saisies par l'utilisateur sont correctes.
Voici notre code :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> Formation</title>
<style type="text/css">
</style>
</head>
<body>
<p class="lead text-center"> Saisir les coefficients de l'équation<br>
Si un coefficient manque dans votre équation, mettez 0</p>
<h1>Résolution d'une équation du premier degré ax+b=0>/h1>
<p>Entrez les valeurs de a et b :</p>
<label>a:</label>
<input type="number" id="a">
<br>
<label>b:</label>
<input type="number" id="b">
>br>
<button onclick="equaPremierDegre()">Résoudre</button>
<br>
<p id="resultat"></p>
<script>
function equaPremierDegre() {
var a = document.getElementById("a").value;
var b = document.getElementById("b").value;
if (a == 0) {
document.getElementById("resultat").textContent = "L'équation n'admet pas de solution";
} else {
var x = -b / a;
if (b == 0) {
document.getElementById("resultat").textContent = "La solution de l'équation " + a + "x = 0 est x = 0";
} else {
document.getElementById("resultat").textContent = "La solution de l'équation " + a + "x + " + b + " = 0 est x = " + x;
}
}
}
</script>
</body>
</html>
Ici nous commençons d'abord par vérifier si \(a=0\) alosr, l'équation n'admet pas de solution car on ne peut diviser par \(0\)
sachant que notre \(x=\frac{-b}{a}\)
En deuxième position, nous vérifions aussi si \(b==0\), alors l'équation admet une solution unique qui vaut \(x=0\). Car la division de \(0\) par tout
nombre différent de \(0\) vaut toujours \(0\). Voilà, nous avons notre fonction qui nous permet de résoudre n'importe quelle équation du premier degré dans \(\mathbb{R}\).
Testons
Résultat :
Résolution d'une équation du premier degré ax+b=0
Entrez les valeurs de a et b :
Voilà, vous savez maintenant comment résoudre une équation du premier degré avec Javascript. Je vous laisse améliorer le design si vous voulez et autres choses.
Merci de m'avoir suivi jusqu'à la fin. J'espère que ceci vous a été utile. Si vous avez des préoccupations, n'hésitez pas à me les faire savoir soit en commentaires notre Forum soit dans notre Salle de Débat ou encore en me contactant.
Vous pouvez télécharger le code complet de ce tuto par ici