Exercice : saisie d’un code pin

Afin de sécuriser la saisie d’un code pin, un clavier numérique sera proposé à l’écran. Pourquoi cette précaution ? Tout simplement pour tromper certains logiciels malveillants, appelés keyloggers, dont le but est d’enregistrer et de transmettre à des pirates les frappes au clavier et les boutons sur lesquels l’utilisateur a cliqué : les boutons virtuels utilisés par les banques en ligne échappent au fonctionnement normal des keyloggers classiques.

ressources à utiliser

• Reproduire l’affichage d’un clavier numérique comprenant les 10 chiffres possibles de 0 à 9. Un survol sur un chiffre devra le mettre en évidence.
• Un clic sur un chiffre, affichera le chiffre concerné dans une zone en input, à la suite des chiffres déjà saisis.
• Un bouton devra permettre d’annuler toute saisie.

• Les chiffres saisis ne sont pas visibles, sauf si l’utilisateur souhaite les voir momentanément en survolant l’icône

• Les chiffres du clavier numérique sont affichés de manière aléatoire, un chiffre ne doit apparaître qu’une seule fois.