Exemple: tester la valeur d'une variable


 

1. Ce que l'on veut faire

Ah! ça devient intéressant. On peut avec JavaScript créer des variables, leur attribuer des valeurs et ensuite faire des opérations selon différentes coniditions.

Voici un exemple classique. On affiche du texte et des images selon l'heure de la journée. Il faudra donc:
  1. créer une variable de type Date
  2. créer une variable correspondant à l'heure de la journée
  3. tester la valeur de la variable
  4. afficher des infos différentes selon l'heure de la journée

JavaScript possède un object de type Date, sur lequel on peut récupérer les minutes, heures, secondes, jour de la semaine, etc. Pour récupérer les heures, on utilise la méthode "getHours" (tout comme on utilise la méthode "getDays" pour le jour de la semaine, ...

2. Exemple

 

3. Code utilisé

Le bout de code JavaScript utilisé est le suivant:

<SCRIPT LANGUAGE = "JavaScript">
<!--
temps = new Date(); 
heure = temps.getHours();        
minutes = temps.getMinutes();
document.write ("<P>Il est " + heure + " heures et " + minutes + " minutes.</P>");
if (heure > 8 && heure < 18) {  
document.bgColor = "#FFFFFF"; 
document.fgColor = "#000000"; 
document.write ("<CENTER><IMG SRC = 'atwork.jpg'>");
document.write ("<P>C'est plutôt l'heure de travailler. C'est l'heure de travailler. Les choses sérieuses S.V.P.!</CENTER>");
}
else {                        
document.bgColor = "#000000"; 
document.fgColor = "#FFFFFF"; 
document.write ("<CENTER><IMG SRC = 'partyguy.gif'>");
document.write ("<P>Wow! Maintenant c'est le moment de faire la fête! Hourra! </CENTER>");
}
// -->
</SCRIPT>
 

4. Pour vous pratiquer, des exercices...

Nous vous invitons à reprendre le bout de code présenté, et à le modifier pour afficher d'autres informations. Soyez créatifs!

 


Programmer en JavaScript @ TECFA