Résolution d'équation du premier degré "Ax + B=0"

Version imprimable

Bonjour je suis un étudiant en DUT MMI et je n'arrive pas à faire un programme qui fait l'équation du premier degrés "Ax+B=0" en faisant du javascript dans du HTML. J'ai déjà commencé à le faire mais je n'y arrive pas

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html>
<head>
<title>Classement de 2 nombres</title>
<meta charset="utf-8">
</head>
<body> 
	<label for='reponse'>Resolution de Ax+B=0</label>
 
<p><form id="form1" onsubmit="return(false)">
<label for='reponse'>Donner la valeur de A </label>
<input type='number' id='reponse'>
</form>
<form id="form2" onsubmit="return(false)">
<label for='reponse'>donner la valeur de 0 </label>
<input type='number' id='reponse'>
</form>
</p>
<p><button type="button" onclick="classement()">GO</button></p>
<script>
function classement()
{ var result;
  var A = Number(document.getElementById("form1").elements["reponse"].value);
var B = Number(document.getElementById("form2").elements["reponse"].value); 
 
if (A == 0)  
        else (B==0)
 
 
else{           
result = "une infinité de solution";
} 
else {
result =  "pas de solution";
} 
else{(x=-B/A) 
        result="une solutionx="
document.getElementById("res1").innerHTML=result; // ou windows.alert(result)
}
</script>
<p><span id='res1'></span></p>
</body>
</html>

ton énoncé est incompréhensible,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Équation du premier degré</title>
</head>
<body>
  <h3 >Résolution de A X + B = 0</h3>
  <p>
    <label>Donner la valeur de A </label>
    <input type="number" id="var-A">
    <label>donner la valeur de B </label>
    <input type="number" id="var-B">
  </p>
  <p>
    <span id="var-X"></span>
  </p>
  <p>
    <button type="button" onclick="calculer_X()">GO</button>
  </p>
<script>
  const varA = document.getElementById('var-A')
    ,   varB = document.getElementById('var-B')
    ,   varX = document.getElementById('var-X')
    ;
  function calculer_X()
    {
    let Val_A = varA.valueAsNumber || 0  // si A n'est pas rempli ou non numérique => A = 0
      , Val_B = varB.valueAsNumber || 0
      ;
    if ( Val_A===0 ) 
      {
      if (Val_B===0)
        {
        varX.textContent = 'valeur A = zéro et valeur B = zéro => X peut avoir n\'inporte quelle valeur'  
        }
      else 
        {
        varX.textContent = 'valeur A = zéro et valeur B différente de zéro => pas de solution pour X'  
        }      
      }
    else if ( Val_B === 0 ) 
      {
      varX.textContent = ' => valeur X = zéro '
      }
    else 
      {
      varX.textContent = ' => X = ' + (-Val_B) / Val_A
      }
    }
</script>
</body>
</html>

Merci pour vos réponses qui m'on beaucoup aidé désolé si mon énoncé était incompréhensible. C'était de faire un programme pour résoudre l'équation du premier degré dont l'inconnue est x.
Et je suis encore désolé pour les fautes d’orthographes.J'ai réussi à faire de mon côté grâce à l'aide d'un amis dans ma classe et on a fait ceci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 <!DOCTYPE html>
<html>
<head>
<title>equation_du_1er_degre</title>
<meta charset="utf-8">
</head> 
<body> 
	<p>
	<label for='reponse'>Resolution de Ax+B=0</label>
 
<form id="form1" onsubmit="return(false)">
<label for='reponse'>Donner la valeur de A </label>
<input type='number' id='reponse'>
</form>
<form id="form2" onsubmit="return(false)">
<label for='reponse'>et donner la valeur de B </label>
<input type='number' id='reponse'>
</form>
</p>
<p><button type="button" onclick="degre()">GO</button></p>
<script>
function degre()
{ var result;
  var A = Number(document.getElementById("form1").elements["reponse"].value);
var B = Number(document.getElementById("form2").elements["reponse"].value); 
 
if (A==0)  
           {if (B==0)
 
 
                
result = "une infinité de solution";
 
 
else 
result =  "pas de solution"; 
}
else{((-B)/A) 
 
        }
          {result="solution de x="+((-B)/A);
   }; 
   document.getElementById("res1").innerHTML=result; // ou windows.alert(result) 
}
 
</script>
<p><span id='res1'></span></p>
</body>
</html>

29/02/2020, 19h18
psychadelic

oui,
c'est très proche de donner une solution.

mais ce code ne peut fonctionner en l'état.

Les ID doivent être unique ( regle pour une page HTML) être des names="reponse"

l'utilisation de 2 formulaire n'est pas utile

le dernier else fait un calcul dans le vide

le dernier result écrase tous les autres ( regarde tes accolades )

la partie HTML

Citation:

<p><span id='res1'></span></p>

serait mieux palcée au dessus du script plutôt qu'au dessous

je ne comprend pas quels balises dois je mettre pour que les ID doivent être unique,puis lesquels des formulaires sont pas utiles. Je ne vois pas comment remplacer le dernier else pour qu'il ne fasse pas un calcule dans le vide.J'ai changé pour le result et le span qui me parer bizarre qu'il n'est pas de couleur après que je les ajouter au dessus du </script>.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html>
<head>
<title>equation_du_1er_degre</title>
<meta charset="utf-8">
</head>
<body> 
	<p>
	<label for='reponse'>Resolution de Ax+B=0</label>
 
<form id="form1" onsubmit="return(false)">
<label for='reponse'>Donner la valeur de A </label>
<input type='number' id='reponse'>
</form>
<form id="form2" onsubmit="return(false)">
<label for='reponse'>et donner la valeur de B </label>
<input type='number' id='reponse'>
</form>
</p>
<p><button type="button" onclick="degre()">GO</button></p>
<script>
function degre()
{ var result;
  var A = Number(document.getElementById("form1").elements["reponse"].value);
var B = Number(document.getElementById("form2").elements["reponse"].value); 
 
if (A==0)  
           {if (B==0)
 
 
                
result = "une infinité de solution";
 
 
else 
result =  "pas de solution"; 
}
else{((-B)/A) 
 
        
           result="solution de x="+((-B)/A);
   }; 
   document.getElementById("res1").innerHTML=result; // ou windows.alert(result) 
}
<p><span id='res1'></span></p>

29/02/2020, 20h14
psychadelic

Est-ce que tu as comparé ton code avec le mien ?

Non mais maintenant j'ai comparé mais je ne comprend toujours pas. J'ai essayé de m'inspirer de votre code mais je suis coincé et je pense avoir fais n'importe quoi.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html>
<head>
<title>equation_du_1er_degre</title>
<meta charset="utf-8">
</head>
<body> 
	<h3 >Résolution de A X + B = 0</h3>
	<p>
<form id="form1" onsubmit="return(false)">
<label for='reponse'>Donner la valeur de A </label>
<input type='number' id='reponse'>
</form>
<form id="form2" onsubmit="return(false)">
<label for='reponse'>et donner la valeur de B </label>
<input type='number' id='reponse'>
</form>
</p>
<p><button type="button" onclick="calculer_X()">GO</button></p> 
<p><span id='res1'></span></p>
<script>
  const varA = Number(document.getElementById("varA").elements["reponse"].value);
varB = Number(document.getElementById("varB").elements["reponse"].value); 
varX = Number(document.getElementById("varX").elements["reponse"].value); 
function calculer_X() 
    {
let Val_A = varA.valueAsNumber || 0
      , Val_B = varB.valueAsNumber || 0
if (A==0)  
           {if (B==0) 
 
 
                {       
varX.textContent= "une infinité de solution";
        }
        
else  
        {       
varX.textContent=  "pas de solution"; 
        } 
}
else if {((-B)/A) 
 
        {       
      varX.textContent = ' => X = ' + (-Val_B) / Val_A
}
   document.getElementById("res1").innerHTML=result; // ou windows.alert(result) 
}
</script>
</body>
</html>

Salut

En essayant d'intenter un peu ton code, on voie qu'il y a un problème de {}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html>
	<head>
		<title>equation_du_1er_degre</title>
		<meta charset="utf-8">
	</head>
	<body> 
		<h3 >Résolution de A X + B = 0</h3>
		<p>
			<form id="form1" onsubmit="return(false)">
				<label for='reponse'>Donner la valeur de A </label>
				<input type='number' id='reponse'>
			</form>
			<form id="form2" onsubmit="return(false)">
				<label for='reponse'>et donner la valeur de B </label>
				<input type='number' id='reponse'>
			</form>
		</p>
		<p><button type="button" onclick="calculer_X()">GO</button></p> 
		<p><span id='res1'></span></p>
		<script>
                        const varA = Number(document.getElementById("varA").elements["reponse"].value);
                        varB = Number(document.getElementById("varB").elements["reponse"].value); 
                        varX = Number(document.getElementById("varX").elements["reponse"].value); 
                        function calculer_X() 
                        {
                                let Val_A = varA.valueAsNumber || 0
                                , Val_B = varB.valueAsNumber || 0
                        if (A==0)  
                                {if (B==0) 
                                {       
                                        varX.textContent= "une infinité de solution";
                                }else{
                                        varX.textContent=  "pas de solution"; 
                                } 
                        }else
                                if {((-B)/A) 
                                {       
                                        varX.textContent = ' => X = ' + (-Val_B) / Val_A
                                }
                                document.getElementById("res1").innerHTML=result; // ou windows.alert(result) 
                                }
                </script>
	</body>
</html>

Je pense aux lignes 35/36.

Bonjour j'ai essayé de les changer de place plusieurs fois mais sa marche toujours pas.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html>
        <head>
                <title>equation_du_1er_degre</title>
                <meta charset="utf-8">
        </head>
        <body> 
                <h3 >Résolution de A X + B = 0</h3>
                <p>
                        <form id="form1" onsubmit="return(false)">
                                <label for='reponse'>Donner la valeur de A </label>
                                <input type='number' id='reponse'>
                        </form>
                        <form id="form2" onsubmit="return(false)">
                                <label for='reponse'>et donner la valeur de B </label>
                                <input type='number' id='reponse'>
                        </form>
                </p>
                <p><button type="button" onclick="calculer_X()">GO</button></p> 
                <p><span id='res1'></span></p>
                <script>
                        const varA = Number(document.getElementById("varA").elements["reponse"].value);
                        varB = Number(document.getElementById("varB").elements["reponse"].value); 
                        varX = Number(document.getElementById("varX").elements["reponse"].value); 
                        function calculer_X() 
                        {
                                let Val_A = varA.valueAsNumber || 0
                                , Val_B = varB.valueAsNumber || 0
                        if (A==0)  
                                {if (B==0) 
                                {       
                                        varX.textContent= "une infinité de solution";
                                }else{
                                        varX.textContent=  "pas de solution"; 
                                { 
                          }else
                                if {((-B)/A) 
                                {       
                                        varX.textContent = ' => X = ' + (-Val_B) / Val_A
                                }
                                document.getElementById("res1").innerHTML=result; // ou windows.alert(result) 
                                }
                </script>
        </body>
</html>

01/03/2020, 11h57
Noah563

je viens tout juste de commencer le DUT MMI, sa fait même pas un mois que j'ai commencer les cours.J'essaye juste de comprendre c'est tout.
01/03/2020, 12h28
Invité

Justement...

Essaie de comprendre le code, fonctionnel, qu'on t'a donné, au lieu d'inventer et écrire n'importe quoi.
01/03/2020, 12h36
Noah563

je voulais justement que l'on m'explique le code si c'est possible.
01/03/2020, 12h49
Invité

La 1ere chose est de faire des recherches personnelles.

Tape dans Gogole chacun des termes que tu ne connais/comprends pas.
Ensuite seulement, tu sauras quelles questions poser.

N.B. Quant à Val_A = varA.valueAsNumber || 0, cherche "condition ternaire".
01/03/2020, 12h52
Noah563

ok merci pour l'aide :D
01/03/2020, 14h28
psychadelic

Citation:

Envoyé par jreaux62

N.B. Quant à Val_A = varA.valueAsNumber || 0, cherche "condition ternaire".

euh, non, dans ce cas la ce n'est pas une condition ternaire c'est juste une affectation conditionnelle

Citation:

A = valeur1 ou valeur2

ou dit autrement : affecter la valeur1 ou la valeur2

c'est un ou booléen, fonctionnant de gauche à droite => (à priorité 14) https://developer.mozilla.org/fr/doc...p%C3%A9rateurs

donc en toute logique
si la valeur1 est fausse affecter la valeur 2

la valeur1 est une conversion numérique d'un champ de saisie, cette conversion peut échouer pour différentes raisons : le champs est vide, le champs ne contient pas uniquement des chiffres
bref dans ce cas la c'est la valeur2 qui est affectée à A (ici cette valeur est zéro)

dans mon code j'ai justement mis un commentaire:

Code:

let Val_A = varA.valueAsNumber || 0 // si A n'est pas rempli ou non numérique => A = 0
01/03/2020, 15h07
psychadelic

J'ai l'impression de ne pas être lu...

Citation:

Envoyé par psychadelic

Les ID doivent être uniques ( règle pour une page HTML)

alors que dans ton code on trouve

Citation:

<label for='reponse'>Donner la valeur de A </label>
<input type='number' id='reponse'>

<label for='reponse'>et donner la valeur de B </label>
<input type='number' id='reponse'>

il y 2 id identiques dans ta page! ( id='reponse' ) et c'est INTERDIT ! ( https://www.w3.org/TR/2011/WD-html5-...e-id-attribute )

il y a aussi:

Citation:

Envoyé par psychadelic

l'utilisation de 2 formulaires n'est pas utile

mais j'aurai du écrire Il est inutile d'utiliser le moindre formulaire ( la prochaine fois je ne ferais pas dans la subtilité )

alors que dans ton code on trouve

Citation:

<form id="form1" onsubmit="return(false)">
...
</form>
<form id="form2" onsubmit="return(false)">
...
</form>

comme tes formulaire ne servent pas à envoyer de données vers un serveur alors tu es obligé de forcer le return à false...
mais pourquoi avoir un formulaire (et plus) pour ne pas s'en servir.

A la limite j'aurai compris si tu avais utilisé des [name] (différents dans pour les inputs, mais ce n'est pas le cas (ils permettent une utilisation directe)

mon code n'utilise pas de formulaire, et les 2 ID sont différents

Citation:

<p>
<label>Donner la valeur de A </label>
<input type="number" id="var-A">
<label>donner la valeur de B </label>
<input type="number" id="var-B">
</p>