🎨 Les Variables - Tes premières boîtes magiques

Tu te souviens quand tu étais petit(e) et que tu rangeais tes jouets dans des boîtes ? Les variables en JavaScript, c'est exactement ça. Sauf qu'au lieu de ranger des LEGO, tu ranges des données.

Et devine quoi ? C'est encore plus simple. 🎯

📦 C'est quoi une variable ?

Imagine une boîte. Sur cette boîte, tu colles une étiquette : "mes_cookies". Dedans, tu mets le nombre 5 (parce que tu as 5 cookies). Boom, tu viens de créer une variable !

let mes_cookies = 5;

Maintenant, tu manges 2 cookies (parce que tu as faim) :

mes_cookies = mes_cookies - 2; // Il reste 3 cookies 🍪

La magie ? Tu peux changer ce qu'il y a dans la boîte quand tu veux.

🏷️ Les 3 façons de créer une boîte

JavaScript te donne 3 mots magiques pour créer des variables. Chacun a sa personnalité :

1. let - La boîte flexible 🔄
let age = 25;
age = 26; // Joyeux anniversaire ! 🎂
Tu peux changer ce qu'il y a dedans. C'est ton choix par défaut.

2. const - La boîte verrouillée 🔒
const prenom = "Sarah";
prenom = "Marie"; // ❌ ERREUR ! JavaScript dit non
Une fois que tu mets quelque chose dedans, c'est gravé dans le marbre.

3. var - La boîte du passé 👴
var vieux_truc = "j'existe encore";
C'est l'ancêtre. On l'utilisait avant. Aujourd'hui ? Oublie-le. Vraiment.

🎭 Les types de trucs que tu peux ranger

Dans tes boîtes, tu peux mettre différents types de choses :

Des nombres 🔢
let pizzas_mangees = 3;
let temperature = -5.5; // Fait froid ! 🥶

Du texte (on appelle ça des "strings") 💬
let message = "JavaScript c'est cool !";
let emoji_prefere = "🚀";

Des booléens (vrai ou faux) ✅❌
let j_aime_javascript = true;
let je_suis_fatigue = false; // Menteur ! 😄

Rien du tout (null ou undefined) 🕳️
let ma_motivation_le_lundi = null;
let truc_pas_encore_defini = undefined;

🎪 Le tour de magie : JavaScript devine tout seul !

Contrairement à d'autres langages relous qui te demandent de préciser "Attention, ça c'est un nombre, ça c'est du texte", JavaScript est malin.

Il voit des guillemets ? C'est du texte.
Il voit des chiffres ? C'est un nombre.
Il voit true/false ? C'est un booléen.

let truc = 42; // JavaScript : "Ok, c'est un nombre"
truc = "quarante-deux"; // JavaScript : "Ah maintenant c'est du texte"
truc = true; // JavaScript : "Et là un booléen, no problem!"

C'est ce qu'on appelle le typage dynamique. En gros : JavaScript s'adapte. Comme toujours. 🦎

⚡ Les règles du jeu (super importantes !)

Règle #1 : Choisis bien tes noms
❌ let a = 5; // C'est quoi "a" ?
✅ let nombre_de_vies = 5; // Ah, ok !

Règle #2 : Pas d'espaces, utilise des underscores ou camelCase
❌ let mon age = 25; // Espace = erreur
✅ let mon_age = 25; // Underscore style 🐍
✅ let monAge = 25; // camelCase style 🐪

Règle #3 : Pas de mots réservés
❌ let let = 5; // "let" est déjà pris !
❌ let function = "oops"; // "function" aussi !
✅ let ma_fonction = "yes"; // Parfait !

🎯 Exercice : Ton premier programme !

Allez, on met les mains dans le cambouis. Ouvre la console de ton navigateur (F12 → Console) et tape :

let mon_prenom = "Ton prénom ici";
let mon_age = 25; // Mets ton vrai âge !
let message = "Salut, je m'appelle " + mon_prenom + " et j'ai " + mon_age + " ans !";
console.log(message);

Appuie sur Entrée et... BOOM ! Tu viens d'écrire ton premier programme JavaScript ! 🎉

Pas si compliqué finalement, non ? Dans le prochain chapitre, on va faire danser ces variables avec les opérateurs. Prépare-toi, ça va être fun ! 🕺