JavaScript · Leçon 1

Variables & types

JavaScript est un vrai langage de programmation : il calcule, décide, répète. On commence par stocker des valeurs et les afficher.

Afficher avec console.log()

La console est l'outil n°1 du développeur : on y affiche des valeurs pour comprendre ce que fait le code. Clique sur ▶ Exécuter (ou Ctrl+Entrée).

Dans une vraie page On écrit le JS dans un fichier script.js et on le relie juste avant </body> : <script src="script.js"></script>. Pour voir la console du navigateur : F12 → onglet Console.

Les variables : des boîtes étiquetées

const

Valeur qui ne change pas. À utiliser par défaut.

let

Valeur qui peut changer (un score, un compteur…).

var

Ancienne syntaxe, à éviter aujourd'hui.

Que se passe-t-il si on réaffecte une variable déclarée avec const ?

  1. La nouvelle valeur remplace l'ancienne
  2. Une erreur : « Assignment to constant variable »
  3. Rien, la ligne est ignorée

const protège ta variable. Si tu sais qu'elle devra changer, utilise let.

Règles de nommage : pas d'espace ni d'accent, pas de chiffre au début, et on écrit en camelCase : nombreDeJoueurs, prixTotal.

Les types de valeurs

Calculer et assembler du texte

Taper l'accent grave ` Sur un clavier AZERTY : AltGr + 7, puis Espace.

À toi de jouer

Ma carte d'identité

  • Crée une constante prenom (ton prénom) et une variable age (un nombre).
  • Affiche : Je m'appelle Alex et j'ai 25 ans. (avec tes valeurs) grâce à un template literal.
IndiceDeux variables : const prenom = "…"; (du texte, entre guillemets) et let age = 25; (un nombre, sans guillemets).
IndiceUn template literal s’écrit entre accents graves `…` (AltGr + 7) et insère une variable avec ${…}.
IndiceLe début de la phrase ; attention au point final :
console.log(`Je m'appelle ${prenom} et ...`);

Le ticket de caisse

  • Crée prix = 12.5 et quantite = 3.
  • Calcule total (prix × quantité), puis totalTTC = total + 20 % de TVA.
  • Affiche Total : 45 € en utilisant la variable totalTTC.
IndiceCrée quantite, puis total qui multiplie les deux avec *.
IndiceAjouter 20 %, c’est multiplier par 1.2 : const totalTTC = total * 1.2;
IndiceAffiche-le avec un template literal : console.log(`Total : ${totalTTC} €`);

L'échange

Échange le contenu de a et b sans réécrire "café" ni "thé". La console doit afficher thé café.

IndiceSi tu écris directement a = b;, l’ancienne valeur de a est perdue pour toujours !
IndiceMets d’abord la valeur de a de côté dans une troisième variable : const temp = a;
IndiceEnsuite : a = b; puis b = temp;

À retenir