Maintenant c'est à vous !



HTML:

<h1>Vos identifiants:</h1>
<form method="POST">
	<p><label>Nom :   <input id="nom"   name="nom"   type="text"/></label></p>
	<p><label>Login : <input id="login" name="login" type="text"/></label></p>
</form>


Dans cet exercice on veut remplir le champs "Login" au fur et à mesure que l'utilisateur tape dans le champs "Nom".

On a vu ensemble tout ce dont vous avez besoin.

Indications :
  • Le nom de l'événement qui nous intéresse est "keyup"
  • Vous pouvez utiliser la fonction jQuery .val() sans argument pour lire le texte tapé.
  • Vous pouvez utiliser la fonction jQuery .val(xyz) avec un argument pour écrire dans un champ.
  • La méthode .toLowerCase() de String permet de convertir en minuscules (s=s.toLowerCase();)

C'est à vous! (correction à la page suivante)



La prochaine page contient une correction.
Pour bien apprendre, c'est très important de faire les exercices au complet avant de regarder la correction. Si quelque-chose ne vous paraît pas clair, demandez à votre enseignant.