Chapitre 2 : La Syntaxe de base en JavaScript

1. Les instructions JavaScript

Une instruction JavaScript est une ligne de code que le navigateur exécute. Elle se termine généralement par un point-virgule ;.

alert("Bonjour !");

Chaque instruction est exécutée dans l'ordre, de haut en bas.

2. Les blocs de code

Un bloc est un ensemble d'instructions regroupées entre accolades { }. On les retrouve dans les fonctions, les conditions, les boucles, etc.

{
  alert("Instruction 1");
  alert("Instruction 2");
}

Ce bloc contient deux instructions qui seront exécutées l'une après l'autre.

3. Les commentaires

Les commentaires permettent d'ajouter des explications dans le code sans qu'elles soient exécutées.

Commentaires sur une ligne

// Ceci est un commentaire

Commentaires multi-lignes

/*
  Ceci est un commentaire
  sur plusieurs lignes
*/

Astuce

Commente ton code pour t'y retrouver plus tard, surtout dans des fonctions complexes !

4. L'affichage dans la console

La fonction console.log() permet d'afficher des informations dans la console du navigateur (outil de débogage).

console.log("Je teste la console");

Essaie :

Clique sur ce bouton pour afficher un message dans la console :

5. Les chaînes de caractères

Les chaînes de caractères (textes) sont encadrées par des guillemets " " ou des apostrophes ' '.

alert("Bonjour !");
alert('Salut !');

Attention

Les guillemets doivent s'ouvrir et se fermer correctement. On ne mélange pas " et ' dans la même chaîne.

6. La sensibilité à la casse

JavaScript est sensible à la casse (majuscule ≠ minuscule) :

console.log("OK");
Console.Log("Erreur"); // Cette ligne ne fonctionnera pas

Conseil

Écris toujours console, alert, document en minuscules.

7. Les erreurs courantes des débutants

Oublier une parenthèse ou une accolade
Mettre des guillemets non fermés
Utiliser une fonction avec une mauvaise casse (Alert au lieu de alert)
Ne pas terminer une instruction par un ; (souvent toléré, mais pas toujours !)

8. Exemples complets

Exemple 1 : Deux alertes successives

alert("Bonjour !");
alert("Bienvenue dans ce cours JS");

Exemple 2 : Un bloc de code

{
  alert("Début du bloc");
  alert("Fin du bloc");
}

Exercice

Crée une page HTML avec un fichier JavaScript externe qui contient :

Un commentaire en haut
Deux instructions alert()
Un console.log()

Fichier : `script.js`

// Ceci est un commentaire
alert("Ceci est ma première alerte !");
alert("Et voici la deuxième !");
console.log("Tout fonctionne !");

Fichier : `index.html`

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Exercice JS</title>
</head>
<body>
  <script src="script.js"></script>
</body>
</html>

✅ Ouvre la page dans ton navigateur pour voir les deux alertes s'afficher, puis ouvre la console pour vérifier le message.