TD3 : Evènements et formulaires

Exercice 1

Ecrire une page HTML composée de deux zones de saisie, et offrant les fonctionnalités
suivantes:
- Lorsque le curseur se trouve dans la 1ère zone le message : Saisissez votre nom et
prénom est affiché dans la barre d’état.
- Lorsque le curseur quitte la 1ère zone : le contenu de la barre d’état se transforme en
*** et le texte saisi est mis en majuscule.
- En quittant la 1ère zone de texte, la deuxième zone indique le nombre de caractères
tapés.

Exercice 2

Ecrire une page HTML contenant un script permettant d’afficher le cube d’un entier saisi
dans une zone de texte en cliquant sur un bouton.

Exercice 3

Ecrire une page HTML qui permet de créer une calculette.

1
Exercice 4

Ecrire une page HTML qui permet de créer un quiz comme indiqué ci-dessous.

Exercice 5
Ecrire une page HTML qui comporte un script JavaScript permettant de créer un carnet
d’adresses Email au format Web. Pour se faire, on utilisera 3 boutons, permettant
respectivement l’ajout, la suppression et la recherche d’un contact, conformément à l’imprime
écran suivant :

2
Exercice 6
Réaliser un formulaire web (voir figure dessous) qui contient 2 champs de texte et un bouton
Valider : Le 1er champ sert à saisir le modèle de l’expression régulière et le second pour saisir
la chaîne à tester. Le clic sur le bouton Valider permet de valider la chaîne par rapport à
l’expression régulière. Le résultat de validation sera affiché par une boîte alert.

Définir pour chacun des cas suivants l’expression régulière correspondante :

1. Une chaine qui se termine par : Ecrire une expression régulière qui vérifie si une chaîne
commence par a et se termine par un point ‘.’
2. Une chaine qui commence par une majuscule : Ecrire une expression régulière qui
vérifie si une chaine commence par la lettre majuscule et les autres caractères sont des
minuscules.
3. Numéro inscription ISET : Ecrire une expression régulière qui vérifie le numéro
d’inscription d’un étudiant à l’ISET : Une lettre majuscule suivie de cinq chiffres.
4. Format d’une date : Ecrire une expression régulière qui vérifie le format d’une date de la
forme jj/mm/aaaa
5. Email : Ecrire une expression régulière qui vérifie le format d’un email