- on les déclarent, seulement UNE FOIS, dans HEAD et pas dans les fonctions, avec var nom='valeurs';
ensuite on les modifient avec nom="nouvelle valeur";
(guillemets et appostrophes indifférents pour délimiter la chaine de caractères)
- Pour les nombres : var nombre=5;
- Attention aux majuscules : Var bonjour; est incorect var bonjour; et var Bonjour; sont deux variables différentes.
- var message="Bonjour aux visiteurs du site "YoRiC" ! n Vous allez bien ?";
donne
Bonjour aux visiteurs du site "YoRiC"
Vous allez bien ?
Notez les guillemets précédés de et le n pour un retour a la ligne.
- Pour déclarer plusieurs variables : var bonjour="Comment allez vous ?", unNombre=5, i=0;
On a déclaré trois variables : on les séparent par une virgule.
Globales et locales
Les variables globales peuvent etre utilisées n'importe ou dans le document, contrairement aux variables globales, qui ne peuvent etre utilisées que dans la fonction ou elles sont déclarées.
Pour créer une variable locale, il suffit de la déclarer dans une fonction : exemple (dans HEAD) :
var message="Vous apprenez à vous servir des variables";
function sansNom(){
var nouvelle="On crée une autre variable ...";
message="On modifie l'ancienne ...";
nouvelle="Et la nouvelle";
}
Ici, nous avons 2 variables :
- message, qui est une variable globale (déclarée au début, en dehors d'une fontion
- nouvelle, une variable locale, car déclarée dans la fonction sansNom(). On ne poura pas l'utiliser en dehors de cette fonction
Les tableaux
Les tableaux sont des variables numérotées, un peu à la manière d'une table MySQL avec deux champs seulement : le numéro de la ligne et son contenu.
A noter que en JavaScript, la numérotation part de zéro, et nom pas de un. La ligne tout en haut est donc la ligne zéro.
Voyons maintenant la synthaxe :
var essai=new Array(); // déclaration du tableau
essai[0]="Voici une ligne"; // premiere ligne
essai[1]=5; // ici la ligne est un nombre
essai[2]=new Array("Ceci est la 1ere ligne","Ca la 2e","la 3e","etc..."); // ici un tableau
Notez que var test=new Array("--1--","--2--");
est exactement comme var test=new Array();
test[0]="--1--";
test[1]="--2--";
A quoi celà sert-il ? On peut tout simplement choisir un message en fonction d'un nombre. Par exemple, si leNombre est une variable qui a la valeur d'une zone de texte, alert(test[leNombre]); affichera la ligne correspondante
Un tableau à double entrée
Imaginons un magasin qui vent des films sous plusieurs formats :
-en DVD
-en DivX (pourquoi pas ? c'est pour mon exemple)
-en VHS
-en coffret DVD+DivX+VHS
Il veut réaliser un tableau comme celui ci :
DVD
DivX
VHS
Coffret
Le seigneur des Anneaux 1
19 €
15 €
12 €
27 €
Le seigneur des Anneaux 2
21 €
18 €
14 €
31 €
Le seigneur des Anneaux 3
22 €
20 €
15 €
35 €
Le but n'est bien sur pas de conclure que le DivX est plus intéressant !!!
Nous voulons 2 menu déroulant :
- le fim
- le support
