Discussion :

[Freedolphin]

Bonjour,

J'ai un compteur de mots en JS (ledit compteur rattaché au textarea d'un formulaire).
A l'aide d'une classe CSS, j'ai donné une couleur de fond à cet input mais j'aimerais la changer selon le nombre de mots.
J'ai d'abord pensé à récupérer la variable affichant le nombre de mots, mais devant la complexité de la récupération d'une variable JS en PHP, j'ai plutôt pensé à modifier le code Javascript pour y indiquer une autre class css.
Mais je n'y arrive pas.

Voici le code HTML du compteur (j'ai laissé class vide pour y implémenter une variable) :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type='text' name='compte' value='' size='10' class='' readonly />

et une partie du code JS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
    var affichage="" + tabNom.length + " mots";
    post.compte.value = affichage;
    var nbre="" + tabNom.length;	
		if(nbre>=350) {post.compte.class = "countOK";}
		else {post.compte.class = "count";}

Ai-je fais une erreur avec mes conditions ? Car si le nombre de mots est bien affiché, la class est ignorée.
Merci de vos lumières !

[Beginner.]

Salut,

Coté JS il faut utiliser .className et non .class.

[Freedolphin]

Merci Beginner, en effet, ça change tout ! [petit edit car j'avais mal fais ma modif]

[javatwister]

Demande simplement:

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

post.compte.className = tabNom.length < 350 ? "count" : "countOK";

Mais attention, ta syntaxe pour nommer des éléments html semble sortie d'un film historique sur les années 1990.

[Freedolphin]

Merci beaucoup pour ces précisions et améliorations