L'Institut International de Technologie Sfax (IIT)

Année Universitaire : 2021-2022

Module : Programmation Web
Responsable du cours : Sana REKIK
Travaux pratiques N° : 5

Exercice 1 :
En utilisant HTML et JavaScript, créer une page Web contenant un bouton. Le clic sur le bouton
engendre la modification de la couleur de l'arrière-plan et celle du
texte de la page (voir figure ci-dessous).

Exercice 2 :
Écrire une page Web qui permet, en cliquant sur le bouton "Convertir", de convertir les lettres
majuscules d'une chaine de caractères saisie dans un champ de texte en minuscule et vice versa
(voir figure ci-dessous).

Résultat :

Exercice 3 :
En utilisant HTML et Javascript, construire un formulaire contenant :
- une zone de texte pour la saisie d'un montant qui peut être soit en Dinar Tunisien, soit en
Euro ou en Dollar.
- trois boutons radios spécifiant le type du montant initial (Dinars Tunisien, Euro ou
Dollars).
- un bouton "Convertir" qui permet de faire les conversions.
- trois zones de texte pour afficher les résultats de conversion du montant initial dans les
monnaies correspondantes (Dinars Tunisien, Euros ou Dollars).

-1-
Conversion :
- 1 Dollar = 2.88 Dinar Tunisien
- 1Euro = 3.27 Dinar Tunisien
Exercice 4 :
Ecrire trois fichiers (Html, CSS et Javascript) permettant de réaliser le formulaire suivant :

-2-
Dans le fichier HTML :
• Tous les champs sont obligatoires.
• La zone de saisie du code postal doit contenir exactement 4 nombres.
Dans le fichier CSS :
• Modifier le titre "h1" afin qu'il soit en ''Arial'', bleu et centré
• Modifier les fieldsets afin qu’ils soient en ''Arial'' et que leur fond soit coloré en "#F9EBEA".
Ajouter aussi une bordure noire continue de 2px autour des fieldsets
• Modifier les légendes afin qu’il soient en ''Arial'' et en gras.
Dans le fichier Javascript :
• Ecrire une fonction "Verifier()" qui est appelée en cliquant sur le bouton "Envoyer". Cette
fonction consiste à afficher un message d’alerte « L'année de la date choisie doit être inférieure à
2000 » si la date de naissance sélectionnée est supérieure à 2000.

-3-