ED 3 : Javascript

Exercice 1 - introduction à Javascript

1. Copiez sur votre site la page suivante et visualisez-la dans votre navigateur.
2. Modifiez le code pour que le résultat du script apparaisse après l'en-tête de niveau 1 ("Bienvenue...").
3. Modifiez le code pour afficher seulement 5 fois "feuilles mortes", en allant à chaque fois à la ligne.
4. Faites en sorte que le mot novembre ait le style important.
5. Téléchargez les images et . Modifiez le script pour remplacer chaque affichage de "feuilles mortes" par la première feuille.
6. Faites alterner les feuilles (utilisez la fonction modulo 2: par exemple 3 % 2 = 1, et 4 % 2=0 ).

Exercice 2 - Fonctions, événements

1. Téléchargez le document suivant et observez son code.
2. Remplacez urlImagei par l'URL de deux images de votre choix, et visualisez le document.
3. En consultant cette documentation, faites en sorte que l'image ne change que lorsque l'on clique dessus (un changement suffit).
   Pour aller plus loin
   • Faites alterner les images à chaque clique.

Exercice (facultatif) 3 - Interaction

1. En vous servant des exemples indiqués ici, ajoutez à votre site :
   • une fenêtre d'alerte, s'ouvrant dès le chargement de la page, indiquant que, exceptionnellement, le cinéma est fermé aujourd'hui.
   • une fenêtre s'ouvrant lorsque l'on clique sur le mot "quartier", donnant l'adresse du cinéma.
   Pour aller plus loin
   • Ajoutez un test sur le jour sachant que le cinéma est fermé uniquement le lundi.
2. Le code suivant permet de récupérer un nombre, puis d'effectuer un calcul.

       <script type="text/javascript">
         nb=window.prompt("Combien de tickets pour Alien vs. Predator ?","1");
         res=nb*5.5;
         window.alert("Vous devrez payer "+res+" EUR");
       </script>
       

   Modifiez-le pour demander le nombre de tickets adultes (5.5 EUR), puis le nombre de tickets enfants (3 EUR), et faire le calcul final.
3. Quelle machine exécute ce calcul: le client ou le serveur ?