[LANGAGE JAVASCRIPT] Prof: Bessalah Nesrine

TP4 (Applications JavaScript)

Exercice 1 :
Créer la page web suivante:

NB :
¤ La matricule est formée de 4 chiffres
¤ Le pseudo ne contient que des lettres

1er cas : Le clic sur le bouton « valider » permet de vérifier la saisie des deux champs du formulaire.
2ème cas : Le contrôle de saisie de chaque champ du formulaire doit être fait lorsqu’il perd le focus.

Exercice N°2
Ecrire un script permettant de générer un tableau composé de 5 cellules avec les caractéristiques suivantes :
- Chaque cellule possède une couleur de fond, soit rouge ou bleu d’une façon alternative, en commençant
par le rouge.
Le contenu de chaque cellule est la chaîne de caractères "TIC" écrite dans chaque cellule avec une dimension
de police différente allant de 1 à 5
Exercice N°3
Ecrire un script permettant à L'utilisateur de choisir la couleur de fond de la fenêtre du navigateur parmi les
couleurs rouge vert ou bleu.
1) Des boutons radio sont liés à ces choix de couleur.
2) Les éléments d’une liste déroulante sont liés à ces choix de couleur.
Indication : Utiliser la propriété bgColor de l'objet document et lui affecter une couleur, par exemple
document.bgColor = "red";
Exercice N° 4
Réaliser une page Web intégrant du code Java Script permettant d’afficher l’image correspondante au texte
sélectionné dans la liste.
Exemple :

Exercice N°5
On vous demande de réaliser une page Web intégrant du code Java Script permettant d’avoir une table de
multiplication suivant le modèle ci-dessous (on a pris l’exemple de N=5)
Nb : N est saisi dans la zone texte (1<=N<=10).

4 Si 1 & 2 1
 [LANGAGE JAVASCRIPT] Prof: Bessalah Nesrine

Exercice N°6
On se propose de développer un formulaire HTML composé d’une zone de texte, de trois objets liste
déroulante et d’un bouton de type « submit » conformément à l’imprime écran donné ci-dessous :

La zone de texte sera crée avec le code HTML, alors que les trois listes seront générées avec du code
JavaScript. Les listes contiennent respectivement les jours (de 1 à 31), les mois (de janvier à décembre) et les
années (de 1975 jusqu’à cette année).
NB : Un clic sur le bouton envoyer devra faire appel à un fichier, se trouvant dans le même répertoire que le
formulaire et ayant comme un nom « sauvegarde.html »
Exercice 7 :
Créer le formulaire suivant:

Le Clic sur le bouton "chercher" permet d'appeler la fonction JavaScript "chercher()" qui permet de vérifier
que les deux champs sont des nombres formés de 2 chiffres , qu'une fonction parmi (intercaler, maximum,
minimum) a été sélectionner.
Si la fonction choisie est :
 "intercaler", on aura une boite de dialogue contenant le résultat de l'intercalation du nombre 2 entre les
chiffres du nombre 1. (exp: nb1=52 , nb=48 res=5482).
 "Maximum" permet d'affiche dans une boite de dialogue la valeur maximale entre nombre1 et nombre2.
"Minimum": permet d'afficher le minimum.
NB : Le résultat est affiché dans une boite de dialogue.
Exercice 8
 Ecrire une page HTML qui permet de remplir un tableau t de n chaine de caractères et de le trier en utilisant
la méthode "sort". Prévoir l'affichage du tableau initial et du tableau trié
 NB: Voir livre P164
Exercice 9
Vous disposez de 4 images avec les noms respectifs i1.png, i2.png, i3.png et i4.png
On vous demande de donner le code d’un document HTML, permettant d’afficher les 4 images sous forme
d’une matrice centrée sur la page composée de 2 lignes et 2 colonnes (de gauche à droite, 1ère
ligne : i1 i2, 2ème ligne : i3 i4) puis de programmer les fonctionnalités suivantes :
 Si l’utilisateur passe le pointeur de la souris au-dessus de l’image i1, vous remplacez l’image i2
par l’image i4. De même, si l’image i2 est survolée par le pointeur de la
souris vous substituez l’image i1 par l’image i3.
 Si l’utilisateur clic sur i3, une rotation à droite des différentes images est effectué (remplacer
l’image i1 par i3, i2 par i1, i4 par i2 et i3 par i4).

4 Si 1 & 2 2