Commençons par créer notre boite de prompt :
<script language="javascript" type="text/javascript"> var mot_de_passe=prompt("Veuillez saisir un mot de passe","Tapez-le ici"); </script> |
Ainsi, la boite de prompt retournera une chaine de caractères qu'elle stoquera dans la variable mot_de_passe :
Ensuite, il faut verifier que la chaine de caractères entrée soit la même que celle prédéfinie :
<script language="javascript" type="text/javascript"> var mot_de_passe_prédéfini="baTeau4"; var mot_de_passe=prompt("Veuillez saisir un mot de passe","Tapez-le ici"); If (mot_de_passe==mot_de_passe_prédéfini) { } </script> |
Voilà, nous avons crée un script qui verifie si une chaine de caractères entrée correspond a une chaine prédéfinie. Mais ce n'est pas tout, il faut informer l'utilisateur, lui dire si son mot de passe est vrai ou faux :
<script language="javascript" type="text/javascript"> var mot_de_passe_prédéfini="baTeau4"; var mot_de_passe=prompt("Veuillez saisir un mot de passe","Tapez-le ici"); If (mot_de_passe==mot_de_passe_prédéfini) { Alert("Vous avez entré un mot de passe valide.") } Else { Alert("Vous avez entré un mot de passe non valide.") } </script> |
Bravo, vous venez de créer un script qui permet de faire une action (informer l'utilisateur) lorsqu'un mot de passe est correct et d'en faire une autre lorsque qu'il est incorrect. Mais, il est possible que l'utilisateur connaissant le mot de passe se soit trompé, et il voudrait bien réessayer. Pour cela, nous allons créer une variable nommer "réessayer" qui va servir a tester la boite de confirmation. si celle-ci est vrai (true) alors on recommence, sinon (false) on ferme la fenetre (par exemple). Pour cela, il va falloir créer une fonction pour tester le mot de passe, nous nommerons cette fonction "test" :
<script language="javascript" type="text/javascript"> var mot_de_passe_prédéfini="baTeau4"; function Test() { var mot_de_passe=prompt("Veuillez saisir un mot de passe","Tapez-le ici"); If (mot_de_passe==mot_de_passe_prédéfini) { Alert("Vous avez entré un mot de passe valide."); } Else { Alert("Vous avez entré un mot de passe non valide."); var réessayer=Confirm("Voulez-vous réessayer ?"); If(réessayer) /* Pour une booléenne (true/false) il est inutile de préciser ==true ou ==false, l'instruction if se charge automatiquement de le faire, si on met if(booléenne), il comprendra : if(booléenne==true) ou encore if(booléenne!=false) et si on met if(!booléenne) il comprendra : if(booléenne!=true) ou encore if(booléenne==false)*/ { Test() } Else { Window.close() } } } </script> |
Nous avons créer un script qui permet de verifier un mot de passe, de dire à l'utilisateur si il est vrai ou faux et qui lui propose de réessayer.
Mais on n'a pas forcement envie que l'utilisateur puisse réessayer inéfiniment. Nous allons créer une variable qui permettra de limiter ceci a un nombre d'essai bien défini, elle va s'incrémenter (augmenter d'une unité) a chaque essai jusqu'a atteindre 3 (par exemple). Là, elle affichera un message qui informera l'utilisateur qu'il a atteind le nombre d'essai autorisé. Nous la nommerons "nombre_essai" :
<script language="javascript" type="text/javascript"> var mot_de_passe_prédéfini="baTeau4"; var nombre_essai=1 function Test() { If(nombre_essai<=3) { var mot_de_passe=prompt("Veuillez saisir un mot de passe","Tapez-le ici"); If (mot_de_passe==mot_de_passe_prédéfini) { Alert("Vous avez entré un mot de passe valide."); } Else { Alert("Vous avez entré un mot de passe non valide."); var réessayer=Confirm("Voulez-vous réessayer ?"); If(réessayer) /* Pour une booléenne (true/false) il est inutile de préciser ==true ou ==false, l'instruction if se charge automatiquement de le faire, si on met if(booléenne), il comprendra : if(booléenne==true) ou encore if(booléenne!=false) et si on met if(!booléenne) il comprendra : if(booléenne!=true) ou encore if(booléenne==false)*/ { Test(); nombre_essai++; } Else { Window.close(); } } } Else { Alert("Vous avez atteind le nombre maximum d'essai."); window.close(); } } </script> |
Voilà, nous avons fini. Nous avons crée un script qui verifie un mot de passe, affiche une boite d'alerte informant qu'il est vrai s'il est, ou qui informe qu'il est faux s'il est, puis qui demande si l'utilisateur veut réessayer. s'il dit non, la fenetre se ferme, s'il dit oui, il recommence. il a trois essai, a l'issu de ceux-ci, la fenetre se ferme.
Tutorial écrit par STFOU.