1.1Qu’est-ce que JavaScript ?

JavaScript est le langage qui donne vie à ton site web.
Tu peux créer des actions quand on clique, changer des couleurs, cacher/montrer du contenu, ou même faire un mini-jeu. Il vient compléter le trio de choc :

• HTML = les briques du décor
• CSS = la peinture et le style
• JavaScript = le gameplay, les interactions

1.2Où écrire du JavaScript ?

Tu peux écrire du JavaScript directement dans le fichier HTML, comme un petit sort à lancer :

<script>
  alert("Hello world !");
</script>

Mais pour rester propre et organisé (surtout dans un gros projet), on préfère le mettre dans un fichier à part :

<script src="script.js" defer></script>

Le mot defer permet d’attendre que le HTML soit chargé avant d’exécuter le JS. C’est comme dire à ton script : "Attends que le décor soit posé avant d’agir".

1.3Afficher dans la console : console.log()

La console, c’est ton journal de quêtes. Tu peux y écrire des infos, des erreurs, ou simplement vérifier si ton code fait bien ce que tu veux :

console.log("Bienvenue dans le jeu !");

Tu verras le message dans la console du navigateur (F12 → onglet "Console"). C’est ton outil de débug préféré.

1.4Les variables

Une variable, c’est comme une case d’inventaire dans ton jeu. Tu y mets un objet, une info, un chiffre ou un texte, et tu peux le réutiliser plus tard.

let pseudo = "Ragnar";
const vieMax = 100;
console.log(pseudo, vieMax);

let : la variable peut changer (comme ton pseudo)
const : la variable reste figée (comme le maximum de vie dans le jeu)

1.5Les types de données

Chaque variable a un type : est-ce un mot ? un nombre ? une réponse oui/non ?
Voici les plus fréquents :

• string : une chaîne de texte → "épée enflammée"
• number : un nombre → 42
• boolean : vrai ou faux → true ou false
• null : vide volontairement
• undefined : pas encore défini (comme un coffre fermé à clé)

1.6Les opérateurs

Les opérateurs te permettent de calculer ou de comparer.
Imagine que tu fais un test de force ou que tu compares deux scores :

console.log(10 + 5);     // 15 → addition
console.log(10 == "10"); // true → même valeur (mais types différents)
console.log(10 === "10");// false → ici, les types comptent aussi
console.log(8 > 3);      // true → est-ce que 8 est supérieur à 3 ?

Tu as aussi != (différent), < (inférieur), % (reste de division)… comme une boîte à outils pour vérifier ce qui se passe dans le jeu.

1.7Les commentaires

Les commentaires, c’est toi qui parles au futur toi (ou aux autres développeurs). Ils ne sont pas lus par le navigateur, mais ils rendent ton code plus clair.

• // Un petit commentaire sur une ligne
• /* Un commentaire plus long sur plusieurs lignes */

// Préparer le boss final
let boss = "Dragon de lave";

/*
À améliorer :
- ajouter une animation
- équilibrer les points de vie
*/

Un bon commentaire, c’est comme un post-it collé dans ton donjon de code.