Ajouter une condition en fonction d'un résultat

webmasteregg -  
 webmasteregg -
Bonjour à tous,

N'étant pas un professionnel, j'essaie de bidouiller un morceau de code me permettant de faire un calcul et qui ensuite en fonction du résultat donne une réponse sous forme de phrase.
Je bloque après l'étape de mon calcul, j'ai essayé de rentrer des conditions mais rien ne se passe.

Tout ça dans le but de l'inclure sur mon site bien sûr.
je vous mets mon code ici:

Please help me!!! 
<!DOCTYPE html>

<html>



<script type="text/javascript">

function calcul()

{

 var LARGEUR= Number(document.getElementById('LARGEUR').value);
 var HAUTEUR= Number(document.getElementById('HAUTEUR').value);


        var Resultat= LARGEUR * HAUTEUR;

       

document.getElementById('Total').innerHTML=Resultat;
 }




  </script>




<form> 
<label for="ameliorer">LARGEUR </label><br />
<input type="text" id="LARGEUR"/><br><br>
<label for="ameliorer">HAUTEUR </label><br />
<input type="text" id="HAUTEUR"/><br> <br>





<input type="button" value="Calculer" onclick= "calcul();" />



<p id="Total"></p> 


</form>




 </html>


EDIT : Déplacement de la discussion dans le bon forum
EDIT² : Ajout des balises de code.


Configuration: Macintosh / Safari 15.4
A voir également:

4 réponses

Réponse 1 / 4
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Bonjour,

Il n'y a pas de conditions dans le code de ton message.
Quelles sont les conditions que tu veux ajouter et comment est-ce que tu les ajoutes ?
0
webmasteregg
 
Bonjour,
merci de ta réponse,

effectivement je les ai enlevé car je me perdais à force d'essayer.
J'aimerai ajouter une condition par exemple :

Si le résultat est compris entre 10 et 12, écrire : vous avez besoin de tant de papier par exemple
0
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527 > webmasteregg
 
En ajoutant par exemple un élément id="phrase" pour afficher la phrase après le résultat : 
<p id="Total"></p>
<p id="phrase"></p>



function calcul()
{
  var LARGEUR = Number(document.getElementById('LARGEUR').value);
  var HAUTEUR = Number(document.getElementById('HAUTEUR').value);
  
  var Resultat = LARGEUR * HAUTEUR;
  document.getElementById('Total').innerHTML = Resultat;
  
  if (Resultat >= 10 && Resultat <= 12) {
  	document.getElementById('phrase').innerHTML = 'Vous avez besoin de X papier';
  }
}
0
Réponse 2 / 4
webmasteregg
 
Merci!!!! et si je veux faire plusieurs conditions je rajoute else et je fais la même manip c'est ça?
0
webmasteregg
 
Je me suis mal exprimé,
J'ai deux autres conditions et je veux que chaque condition est sa phrase, je rajoute autant d'élément id="phrase" donc
<p id="phrase1"></p>
<p id="phrase2"></p>
ect
et autant de condition avec else if en ajoutant l'id phrase correspondant?

Merci encore de ta réponse.
0
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527 > webmasteregg
 
Si je comprend bien tu n'auras qu'une seule phrase affichée en fonction de chaque condition, donc un seul élément devrait suffire : 
if (Resultat >= 10 && Resultat <= 12) {
  document.getElementById('phrase').innerHTML = 'Vous avez besoin de X papier';
}

if (Resultat < 10) {
  document.getElementById('phrase').innerHTML = 'Le résultat est inférieur à 10';
}

if (Resultat > 12) {
  document.getElementById('phrase').innerHTML = 'Le résultat est supérieur à 12';
}
0
Réponse 3 / 4
webmasteregg
 
j'ai trouvé ça du coup et ça marche sauf que lorsque je refais un calcul après avoir fait un premier calcul, la réponse précédente reste affichée

<html>



<script type="text/javascript">

function calcul()

{

var LARGEUR= Number(document.getElementById('LARGEUR').value);
var HAUTEUR= Number(document.getElementById('HAUTEUR').value);


var Resultat= (LARGEUR * HAUTEUR)*2;

if (Resultat >= 0 && Resultat <= 2.4) {
document.getElementById('phrase1').innerHTML = 'Vous avez besoin de ';
}
else if (Resultat >= 2.41 && Resultat <= 4.2) {
document.getElementById('phrase2').innerHTML = 'vous avez besoin de x ';
}
else if (Resultat >= 4.3 && Resultat <= 12) {
document.getElementById('phrase3').innerHTML = 'Vous avez besoin de y';
}
else if (Resultat >= 12.1 && Resultat <= 30) {
document.getElementById('phrase4').innerHTML = 'UVous avez besoin de z';
}


document.getElementById('Total').innerHTML=Resultat;
}




</script>




<form>
<label for="ameliorer">LARGEUR </label><br />
<input type="text" id="LARGEUR"/><br><br>
<label for="ameliorer">HAUTEUR </label><br />
<input type="text" id="HAUTEUR"/><br> <br>





<input type="button" value="Calculer" onclick= "calcul();" />



<p id="Total"></p>
<p id="phrase1"></p>
<p id="phrase2"></p>
<p id="phrase3"></p>
<p id="phrase4"></p>


</form>





</html>
0
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Pas besoin de plusieurs éléments phrase1, phrase2, etc. Un seul devrait suffire : 
<form>
  <label for="ameliorer">LARGEUR </label><br />
  <input type="text" id="LARGEUR"/><br><br>
  <label for="ameliorer">HAUTEUR </label><br />
  <input type="text" id="HAUTEUR"/><br> <br>

  <input type="button" value="Calculer" onclick= "calcul();" />

  <p id="Total"></p>
  <p id="phrase"></p>

</form> 



function calcul()
{
  var LARGEUR= Number(document.getElementById('LARGEUR').value);
  var HAUTEUR= Number(document.getElementById('HAUTEUR').value);

  var Resultat= (LARGEUR * HAUTEUR)*2;

  if (Resultat >= 0 && Resultat <= 2.4) {
    document.getElementById('phrase').innerHTML = 'Vous avez besoin de ';
  }
  else if (Resultat >= 2.41 && Resultat <= 4.2) {
    document.getElementById('phrase').innerHTML = 'vous avez besoin de x ';
  }
  else if (Resultat >= 4.3 && Resultat <= 12) {
    document.getElementById('phrase').innerHTML = 'Vous avez besoin de y';
  }
  else if (Resultat >= 12.1 && Resultat <= 30) {
    document.getElementById('phrase').innerHTML = 'UVous avez besoin de z';
  }

  document.getElementById('Total').innerHTML=Resultat;
}
0
Réponse 4 / 4
webmasteregg
 
Oui effectivement c'est mieux, merci beaucoup pour ton aide !
0

Discussions similaires

Remplir une cellule (texte) en fonction d'une autre (texte).
SOMUM -
SOMUM -

4 réponses