TD JavaScript

Exercice 1 :
Ecrire le code d'un fichier HTML qui permet de saisir trois notes (DC1, DC2, DS) puis calcule
et affiche la moyenne.

Exercice 2 :
Ecrire le code d'un document HTML, intitulé Calcul, contenant une zone de saisie qui permet
d'entrer une opération à calculer, un bouton (=) pour afficher le résultat et une zone de réponse.
Ajouter un lien hypertexte permettant d’afficher le résultat.

Exercice 3 :
Écrivez un script qui affiche un formulaire avec un champ texte. Ecrivez ensuite dans ce champ
le message "Vous avez réussi votre exercice".

Exercice 4 :
1. Écrire le code HTML permettant de créer le formulaire suivant :

2. Écrire un code Javascript permettant de vérifier :

 Si le champ Nom est vide, un message d’erreur est affiché
 Statut civil doit être précisé
 Au moins une langue doit être sélectionnée
 La nationalité doit être précisée
 Mail obligatoire, s’il est saisi, dans ce cas, il faut vérifier que :
o un login doit toujours avoir plus de 2 caractères
o un domaine doit toujours avoir plus de 1 caractère
o une extension doit toujours avoir 2 ou 3 caractères
Exercice 5 :
Vous avez une page avec un formulaire et un champ. Écrivez un script qui va valider le
formulaire. Si le champ est vide, un message d'erreur est affiché à côté du champ et le formulaire
n'est pas envoyé. Si le champ contient des données, le formulaire peut être envoyé.

Exercice 6 :
Écrire un code HTML/CSS/Javascript permettant de créer une page web dans laquelle on
affiche une image qui change toutes les X secondes.

Exercice 7 :

1. Écrire le code HTML permettant de créer le formulaire suivant :

2. Écrire un code Javascript permettant de vérifier un mot de passe entré par l’utilisateur
au click du bouton Submit et d’afficher un message (alert) indiquant la compatibilité
des deux mots saisis.

Exercice 8 :
1- Écrire le code HTML permettant de créer le formulaire présenté dans la Figure 1.
2- Écrire une fonction Javascript nommée « calculFrais() » permettant de calculer le
montant total des frais à payer (y compris les frais additionnels) pour s’inscrire à la
conférence et de l’afficher dans une nouvelle boîte de dialogue comme l’illustre
l’exemple présenté dans la Figure suivante :

3- Écrire une fonction Javascript nommée « validation() » permettant de :

a- vérifier le remplissage des champs obligatoires dans le formulaire avant sa
soumission. En cas d’erreur, la fonction doit afficher sous forme de boîtes de
dialogue des messages indiquant à l’utilisateur les champs obligatoires non
encore remplis.
b- vérifier la validité du format de l’adresse mail saisie avant la soumission du
formulaire. Nous vous rappelons que toute adresse mail doit respecter le
format suivant : login@domaine.TLD
- un login doit toujours avoir plus de 2 CARactères ;
- un domaine a au moins 1 caractère ;
- un TLD est toujours composé de 2 ou 3 caractères ;
c- exécuter la fonction « calculFrais() » une fois les champs requis sont bien
 remplis et l’adresse mail saisie est valide.

Indiquer les modifications à apporter au code HTML de la question 2 afin de pouvoir

lancer l’exécution de la fonction « validation() » suite à un click sur le bouton « Register ».

Figure1 : « Registration.html »