Changer la couleur d'un nombre CSS/Javascript Résolu/Fermé

Question

Bonjour, 

Je suis entrain de realiser un calculateur et mon probleme est tout simple:
Lorque le resultat s'affiche j'aimerai que la couleur du resultat change en fonction de sa valeur.
Mais voila apres plusieur essais ca ne fonctionne pas ...
Le code entier etant un peut long je met que l'essentiel:

Code HTML:

<input type='text' id='result' value=' __ ' readonly='readonly' style="" onchange='change_couleur(this.value)'/>

Code javascript:

function change_couleur(CA){

if(CA<100){
document.getElementById('result').style="color:green;";
}else{
document.getElementById('result').style="color:red;";
}

}

Sachant que la valeur de l'input change grâce a une autre fonction en javascript qui renvoie a l'input le resultat par un 
document.getElementById('result').value="calcul d'une rare violence"

Merci d'avance pour les reponses =),
Panda.

Configuration: Windows 7 / Safari 536.11

Blunderer · Accepted Answer

essaye ceci :
function change_couleur(CA){

    if(CA<100){
    document.getElementById('result').style.color = "green";
    }else{
    document.getElementById('result').style.color = "red";
    }

}

PandaHugsU · Answer

Ca y est j'ai trouvé la solution pour ceux que ca interresse.

Alors enfaîte c'était a cause du "onchange' qui ne prend en compte que les modifications apportées par l'utilisateur et comme le resultat est renvoyé par une fonction donc par l'ordinateur le javascript ne s'appliqué pas.

Pour y remedier j'ai mis a la fin de ma fonction de calcul la fonction change_couleur ainsi les resultat des calcul passent dans celle-ci. 

Petit schema du code Javascript:


function calcul{a,b,c,etc...){
 
//La fonction effectue ses calculs et renvoie par exemple 

valeur_a= a+b;
valeur_b= b+c;

// On appel la fonction change couleur avec les nouvelle valeur

change_couleur(valeur_a,valeur_b,etc...);

}

function change_couleur(CA,CB,etc...){

 if(CA<50){
document.getElementById('result').style.color='#FF00A0';
}esle{document.getElementById('result').style.color='#00D0B0';}

...

}

Changer la couleur d'un nombre CSS/Javascript

2 réponses

Discussions similaires