Introduction à JavaScript - Université de Genève, CUI ©

Groupe VP-GL=>Cours en-ligne=>Introduction à JavaScript=>Plan du cours=>Travaux pratiques

Travaux pratiques

Si vous ne savez pas encore utiliser les machines de la salle de travaux pratiques, veuillez consulter la notice "Démarrage de la station de travail" ou la notice "Démarrage du PC", ainsi que "Utilisation du clavier pour les lettres accentuées"

Pour la mise au point de vos applications JavaScript, vous pouvez taper "javascript:" en guise d'URL dans le champ Adresse/Location de Netscape Navigator. Cela fera apparaître une nouvelle fenêtre appelée "Console JavaScript", dans laquelle s'afficheront les éventuels messages d'erreurs provoqués par votre code JavaScript. Cette fenêtre comporte aussi un champ de saisie dans lequel vous pouvez taper une expression JavaScript dont le résultat sera affiché dans la "console".

  1. Créez un document qui contiendra des tables de conversion de dollar en CHF et inversément, en prenant des montants allant de 1 à 9 par pas de 1, de 10 à 90 par pas de 10, de 100 à 900 par pas de 100 et de 1000 à 9000 par pas de 1000. La fonction JavaScript invoquée insèrera du code HTML dans le document créé à l'aide de la méthode document.write. (solution)

  2. Créez un document qui contient un formulaire avec deux champs de saisie de texte, le premier précédé du libellé "Celsius" et le second précédé du libellé "Farenheit". Associez, pour chacun de ces champs, à l'événement de changement de contenu, une fonction qui va mettre à jour l'autre champ de façon à ce que les contenus correspondent bien à la même température. (solution)

    Note: les formules de conversion entre degrés Celsius et degrés Farenheit sont:

    TemperatureFarenheit=(TemperatureCelsius*9/5)+32

    TemperatureCelsius=(TemperatureFarenheit-32)*5/9

  3. Créez une fonction JavaScript et un document HTML qui permettent d'insérer, dans le document, la date et l'heure où le document a été chargé. (solution)

  4. Reprenez la fonction et le document de l'exercice précédent et modifiez les pour que la date soit remise à jour chaque fois que l'on clique dans la fenêtre du butineur. (solution)

A consulter:


Bertrand Ibrahim     

Dernière modification: 31.05.01

Site Hosting: Bronco