Cyril Minette Javascript : jour 1 DUT informatique, Année Spéciale
Transcription
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.