Changer la couleur d'un nombre CSS/Javascript

Résolu
PandaHugsU Messages postés 16 Date d'inscription   Statut Membre Dernière intervention   -  
PandaHugsU Messages postés 16 Date d'inscription   Statut Membre Dernière intervention   -
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.

A voir également:

2 réponses

Blunderer Messages postés 273 Date d'inscription   Statut Membre Dernière intervention   83
 
essaye ceci :
function change_couleur(CA){

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

} 
2
PandaHugsU Messages postés 16 Date d'inscription   Statut Membre Dernière intervention  
 
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';}

...

}
0