J'ai mon ami Winston 
avec moi pour cette leçon.

Il est déjà magnifique comme ça ! 
Mais, je veux changer la taille de ses yeux.

C'est ici que je dessine ses yeux.
Avec "fill" pour la couleur de remplissage
et "ellipse" pour faire les deux cercles.

Pour réduire les yeux, je dois
changer la largeur de l'ellipse

et aussi la hauteur pour avoir un rond.

Et, pour avoir les deux yeux identiques,
il faut le faire aussi, ici.

Ils sont un peu trop petit maintenant.
donc il faut que je change ça encore.

Ce serait quand même mieux si je 
pouvais changer tout ça d'un coup.

Les "variables" servent à ça !

Une "variable" c'est comme 
un "nom" qu'on donne à une "valeur".

C'est comme un grand sac 
auquel on donne un nom

Vous pouvez mettre ce que vous voulez
dans le sac. Mais son nom ne change pas.

Ce qu'il y a dans le sac est :
la "valeur" de la variable.

On va maintenant créer notre première variable.
Ici, tout en haut.

On écrit "var" (pour "variable"), un espace
et le nom de la variable.

Le nom de la variable doit décrire son contenu.
"eyeSize", ici, c'est pour la "tailleDesYeux" (en anglais)

Vous pourriez donner n'importe quel nom à la variable
mais les espaces sont interdits entre les mots.

Bien sûr, il faut aussi le point-virgule !

Notre variable s'appèle "eyeSize" car elle va 
contenir la taille des yeux.

Pour l'instant notre variable n'a pas de valeur.

Pour lui en donner une, on écrit le nom
de la variable, un signe "=", et la valeur "20;"

Vous voyez ce signe égal ? On ne l'utilise pas 
de la même façon qu'en cours de math à l'école.

Ici, le signe = ne veut pas dire "est égal à".
Il veut dire "je t'affecte une valeur".

Donc, ici, on affecte la valeur 20 à 
la variable "eyeSize".

C'est comme si on mettait la valeur 20 
dans notre sac qui s'appèle "eyeSize".

En cours de math, vous pouvez avoir 
x=3 ou 3=x et cela signifie la même chose...

car les deux sont égaux !

On ne peut pas faire ça, nous.

Ce qu'il y a à gauche du = doit
toujours être le "nom" de la variable.

Et ce qu'on met à droite du = doit toujours
être la "valeur" qu'on affecte à la variable.

Pour être sûr de ne pas se tromper, 
en écrivant votre code, au lieu de dire "égal"

Il faut dire : "contient".

Ici, on a donc :
eyeSize "contient" 20.

Maintenant, à chaque fois que j'utilise "eyeSize" 
dans le code, l'ordinateur va le remplacer par "20".

Essayons ça. 
Je vais copier "eyeSize".

Et remplacer ces 4 nombres par 
la variable "eyeSize". Voila !

Maintenant, les yeux de Winston sont bien ronds
de la même taille, et si je veux changer leur taille...

... il suffit de changer la valeur de ma variable !

Haaa ! Trop fort !
Même que ça marche !

OK. Bon. On a créé la variable 
"eyeSize"... ici.

... et, ici, on lui a donné la valeur "33".
On peut faire ça en une seule étape.

J'écrit "var eyeSize"... "contient 33 ;".

En si j'enlève les deux anciennes lignes, 
tout fonctionne quand même.

Maintenant, souvenez-vous que l'ordinateur
lit le code du haut vers le bas.

Donc il connait la valeur de "eyeSize", ici...

... car elle a été définie... ici.

Si je l'avais définie, en bas... ici...

en arrivant à cette ligne, l'ordinateur n'aurait
aucune idée sur ce qu'est "eyeSize".

Et on se retrouve avec une erreur, qui
indique que "eyeSize" n'est pas définie !

Vous pouvez vous dire que vous 
l'avez fait plus bas...

... mais l'ordinateur est pas aussi 
intelligent que vous !

Donc, remettons ça en haut du code...

Donc, il faut TOUJOURS définir la variable
AVANT de l'utiliser.

Et maintenant, vous 
connaissez les variables ! Bravo !