Ajouter une condition en fonction d'un résultat

Fermé

webmasteregg - Modifié le 4 mai 2022 à 12:11
webmasteregg - 5 mai 2022 à 09:28

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:

Ajouter une condition en fonction d'un résultat
Fonction si et - Guide
Ajouter un profil netflix payant - Guide
Ajouter un compte gmail - Guide
Excel cellule couleur si condition texte - Guide
Ajouter un compte whatsapp - Guide

4 réponses

Réponse 1 / 4

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
4 mai 2022 à 12:47

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 ?

webmasteregg
4 mai 2022 à 12:52

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

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524 > webmasteregg
4 mai 2022 à 13:05

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';
  }
}

Réponse 2 / 4

webmasteregg
4 mai 2022 à 13:59

Merci!!!! et si je veux faire plusieurs conditions je rajoute else et je fais la même manip c'est ça?

webmasteregg
4 mai 2022 à 14:27

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.

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524 > webmasteregg
4 mai 2022 à 15:14

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';
}

Réponse 3 / 4

webmasteregg
4 mai 2022 à 16:18

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>

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
4 mai 2022 à 16:47

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;
}

Réponse 4 / 4

webmasteregg
5 mai 2022 à 09:28

Oui effectivement c'est mieux, merci beaucoup pour ton aide !

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

Récupérer un résultat selon la date d'aujourd'hui

Comment savoir comment on nous a ajouté sur Snap

Discussions similaires

Newsletters