S4 - Javascript

Attention: cette partie est longue. Prenez votre temps. N'hésitez pas à appeler votre enseignant si vous avez des difficultés.

Vous êtes libres d'aborder cet exercice comme vous l'entendez.

Voici quelques fonctionnalités que l'on voudrait avoir:

• le mouvement des potentiomètres met à jour les <input>
• la valeur hex est mise à jour quand les potentiomètres bougent
  
• la couleur est mise à jour dans tous les cas
• l'utilisateur peut taper des valeurs dans tous les champs (rouge, vert , bleu et hex)
• quand l'utilisateur tape dans un des champs, les autres sont mis à jour si nécessaire
• la position des potentiomètres est mise à jour quand l'utilisateur tape dans un des champs (rouge, vert , bleu et hex)
• si l'utilisateur tape une valeur incorrecte, elle doit s'afficher en rouge (par exemple en utilisant une classe "erreur")
• si l'utilisateur tape une valeur incorrecte, il faut faire attention à ne pas afficher des choses incohérentes dans d'autres champs

Indications :

Pour transformer un nombre n en chaîne hexadécimale : Number(n).toString(16)
Attention: pour des nombres inférieurs à  10, cette chaîne ne fait qu'une lettre...

Pour transformer une chaîne h hexadécimale en nombre : parseInt(h,16)

Un nombre n non valide en JS a une valeur NaN (Not a Number). On peut utiliser isNan(n) pour savoir si un nombre est NaN

Si vous voyez que vous avez besoin d'une même fonctionnalité plusieurs fois, n'hésitez pas à créer une fonction.