Cyril Minette Javascript : jour 1 DUT informatique, Année Spéciale

Cyril Minette
Javascript : jour 1
DUT informatique, Année Spéciale
JAVASCRIPT
POSONS !
POSONS LE CONTEXTE
1. Ouvrez un site de votre choix
2. Trouvez ce que le javascript y apporte.
3. Expliquez pourquoi cela n’était pas possible en HTML.
POSONS LE DÉCOR
Réaliser une page HTML basique correspondant à cette capture d’écran :
Vous appelerez votre fichier Rocky.html
POSONS LES VALISES
Trouvez la fonction javascript qui va permettre d’afficher une boite de dialogue comme ci-dessous :
Cyril Minette
Javascript : jour 1
DUT informatique, Année Spéciale
Il existe plusieurs façons d’insérer ce code dans votre page HTML et de le faire exécuter au
lancement de la page.
Trouvez-en au moins 3 et enregistrez vos versions dans les fichiers Rocky-II.html,Rocky-III.html
et Rocky-IV.html.
(S’il vous reste du temps, n’hésitez pas à lancer des suites jusque plus soif, les producteurs ne s’en
sont pas privé !)
OSONS !
OSONS LE DIALOGUE
Modifiez votre page pour qu’elle affiche cette fenêtre à son lancement :
OSONS UNE PAGE PLUS DYNAMIQUE
Faîtes en sorte qu’après avoir validé cette saisie (appuyé sur ok), la page vous salue par votre prénom
(si vous êtes fainéant et/ou intelligent, n’hésitez pas à pré-remplir ce champ).
OSONS DES CONTRÔLES
Que se passe-t-il si l’on appuie sur le bouton sur le bouton annuler ? Comment proposez-vous de
gérer ce cas ?
Rendez la saisie de ce champ obligatoire.
Cyril Minette
Javascript : jour 1
DUT informatique, Année Spéciale
OSONS LA BLAGUE
En vous basant sur ce que vous venez de voir, écrivez une page HTML qui reprendra la blague
hilarante « pincemi et pincemoi sont sur un bâteau » en pimentant un peu le tout :

La page doit demander à l’utilisateur le nom des deux protagonistes

Chaque personnage doit obligatoirement avoir un nom

Chaque personnage doit avoir un nom par défaut
Une fois ces informations renseignées, la blague peut alors être affichée.