TP 3 : JAVASCRIPT

Evénements et cookies

1. Créer une page avec 4 boutons qui, lorsque l'on clique dessus, changent la couleur de
fond d'écran de votre page.
2. Créer une page avec 4 boutons qui, au clic, vous envoient chacun vers une page
Internet différente.
3. Placer une image dans un document HTML. Changer l’image lorsque le pointeur de la
souris se trouve sur celle-ci. On revient sur l’image d’origine lorsque le pointeur de la
souris se déplace hors de l’image. Pour rendre cette fonctionnalité réutilisable, le
gestionnaire d’événement sera réalisé par une seule et unique fonction changerImage()
qui recevra en arguments l’id de l’élément et l’image à afficher. Penser à utiliser
getElementById()
4. Quand l'utilisateur passe la souris sur un hyperlien (peu importe sa nature, texte ou
image, et son effet) il fait afficher dans une ligne de texte un message qui l'invite à
cliquer sur le lien. Ce texte disparait quand la souris quitte le lien.
5. Écrire un script javascript, sous forme de fonction ou en ligne, qui ferme une fenêtre
quand on passe sur un lien.
6. Écrire une fonction javascript permettant de copier un texte entré dans un champ texte
d’un formulaire vers la barre d’état du navigateur. (On utilisera un bouton pour lancer
la copie). Écrire un script javascript utilisant des fonctions permettant de faire afficher
des textes différents dans la barre d’état en fonction du passage sur différents liens du
document HTML.
7. Ecrire un script javascript générant une console (une fenêtre en plus de la fenêtre
courante contenant un autre document HTML) lorsque l’utilisateur passe sur un lien
du document HTML courant.
8. Créez un formulaire contenant 2 input de type "text". Un premier avec comme label
"Prix HT", un second avec "Prix TTC". Le second sera rempli automatiquement
lorsque le premier sera renseigné. (Utilisez la TVA à 20%). Vous utiliserez
l'évènement "onchange" pour lancer votre fonction javascript.
9. Créer une calculette pour transformer des dhs en euro et inversement avec un taux de
change de 10.18
10. Développez une page HTML implémentant les fonctionnalités suivantes :

a. les éléments suivants seront mémorisés sur des cookies :

− nom de l'utilisateur (durée de vie 100 jours)
− nombre de visites de la page (durée de vie 100 jours)
− date et heure de la dernière visite (durée de vie 100 jours)
− couleur de fond de page préférée (cookie temporaire de durée limitée à la
session)
b. à cet effet, cette page présentera donc un formulaire permettant à l'utilisateur de
saisir son nom et de choisir la couleur de fond préférée.
c. lors de la première visite, la page souhaitera la "Bienvenue !" à l'utilisateur.
d. lors des visites ultérieures, elle le saluera par un "Bonjour" suivi de son nom
(récupéré du cookie), et lui indiquera le nombre de fois qu'il a visité la page ainsi
que la date/heure de sa dernière visite ; elle actualisera également automatiquement
la durée des cookies.
e. réaliser un lien permettant d’afficher les cookies manipulés par la page.