Vous êtes sur la page 1sur 3

Faculté des Sciences d’Agadir A.U.

2018-2019
Département d’Informatique SMI3

Technologies du Web
TP 3 : JavaScript

Structures du langage
Exercice 1
Utiliser les méthodes prompt() et alert() pour demander à l’utilisateur deux nombres puis
afficher leur somme.

Exercice 2
Ecrire un script qui affiche les nombres premiers compris entre 1 et 100.

Exercice 3
Ecrire en javascript le jeu (( devine )). Le programme choisit un nombre au hasard entre 0 et
100 que l'utilisateur doit deviner en un nombre minimum de coups. Pour cela, il propose des
nombres et à chaque proposition le programme répond si la valeur à trouver est plus petite
ou plus grande. Quand la valeur est trouvée, on affiche le nombre de tentatives effectuées.

Insertion des balises HTML dans les scripts


Exercice 4
Ecrire un script qui demande à l'utilisateur de saisir un texte. Il faut, ensuite, faire appel à
une fonction qui affiche, dans un champ de texte, le texte saisi par l'utilisateur.

Exercice 5
Ecrire une fonction JavaScript qui affiche dans une zone Textarea la table de multiplication
d'une valeur passée en paramètre. Faire appel à cette fonction pour afficher la table de
multiplication d’une valeur saisie par l'intermédiaire d'une boite de dialogue.

Liens et événements
Exercice 6
Ecrire le code d’une page html contenant un lien (peu importe sa nature, texte ou image, et
son effet) et une zone de texte. Quand l'utilisateur passe la souris sur le lien, il faut afficher
dans la zone de texte un message qui l'invite à cliquer sur le lien. Ce texte disparait quand la
souris quitte le lien (utiliser les événements onMouseOver et onMouseOut).
Quand l’utilisateur clique sur le lien, une boite de message alert() apparait.

Exercice 7
Ecrire le code d’une page html qui contient un lien qui change d'aspect au survol de la
souris. Au moment du survol le lien devient rouge souligné avec une couleur de fond
blanche. Une fois la souris quitte le lien, il revient à son état initial (couleur blanche, couleur
de fond verte)

Formulaires et événements
Exercice 8
Écrire une fonction JavaScript qui calcule le salaire d'un employé. Le salaire se calcule
comme suit:
 Si le nombre d'heure <= 40 alors : salaire = nombre d'heure * taux horaire

1
Faculté des Sciences d’Agadir A.U. 2018-2019
Département d’Informatique SMI3

 Sinon : salaire = 40*taux horaire +( (nombre d'heure-40)*2*taux horaire)


La fonction doit se situer entre les balises <head> et </head> et doit être appelée lorsque
l’utilisateur clique sur le bouton "calculer".
Voici à quoi devrait ressembler votre fenêtre.

Exercice 9

1. Réalisez le formulaire suivant en pensant à nommer chaque champ.

2. Ecrire un programme JS qui compare les deux valeurs à chaque saisie et affiche le
message convenable dans la zone de texte du bas qui en lecture seule (utiliser
l’événement onchange). Les messages à afficher sont stockés dans un tableau
message (message = ["aucune", "celle de gauche", "celle de droite"]).

Exercice 10
1. Ecrire le code HTML du formulaire suivant :

2. Définir une fonction JavaScript permettant de contrôler les informations saisies dans le
formulaire ci-dessus en respectant les contraintes suivantes :
 Les champs doivent contenir des chaines non vides, l'une des cases cochées et une
profession sélectionnée
 Age valide (L'âge doit être numérique)

2
Faculté des Sciences d’Agadir A.U. 2018-2019
Département d’Informatique SMI3

 E-mail valide (e-mail doit comporter au moins le caractère «@»)


Dans le cas où l'information fournie n'est pas valide :
 On affiche un message, avec la méthode alert()
 On sélectionne le champ correspondant en appelant la méthode focus()
 On retourne la valeur false

3. Appeler la fonction précédente dans votre script en utilisant l’événement onSubmit.

Exercice 11
1. Construire une page HTML avec un champ texte dans lequel on affiche l’heure
d’ouverture de la page et un autre champ texte afin d’afficher la date.
2. Ajouter sur la page un bouton associé à une fonction JavaScript assurant la mise à
jour de l’heure dans trois champs texte (Heure, Minute, Seconde).

Voici un exemple de réalisation