📘 Chapitre 2 – Fonctions simples

1. 🎯 Objectif pédagogique

Comprendre ce qu’est une fonction en JavaScript, savoir la définir, l’appeler, et utiliser des paramètres et valeurs de retour.

2. 📚 Concepts abordés

Définition et rôle d’une fonction
Syntaxe classique : function nom() { ... }
Fonctions avec paramètres
Valeurs de retour avec return
Fonctions anonymes et affectation à une variable

3. 🧠 Explication théorique

Une fonction est un bloc de code réutilisable qui exécute une tâche précise. Déclaration :

function direBonjour() {
  console.log("Bonjour !");
}

Appel :

direBonjour(); // Affiche "Bonjour !"

Fonctions avec paramètres :

function saluer(nom) {
  console.log("Bonjour " + nom + " !");
}
saluer("Ali"); // Affiche "Bonjour Ali !"

Valeur de retour :

function addition(a, b) {
  return a + b;
}
let resultat = addition(4, 6);
console.log(resultat); // 10

4. 🛠 Tutoriel pratique

Résumé

Nous allons créer une fonction qui additionne deux nombres et affiche le résultat dans la console.

Arborescence du projet

mon_projet/
├── index.html
└── script.js

Étape 1 : Fichier HTML

Crée un fichier index.html :

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Fonctions JS</title>
</head>
<body>
  <h1>Découverte des fonctions</h1>
  <script src="script.js"></script>
</body>
</html>

Étape 2 : Ajouter une fonction dans `script.js`

function addition(a, b) {
  return a + b;
}

let somme = addition(8, 5);
console.log("La somme est : " + somme);

Étape 3 : Tester

Ouvre index.html et vérifie le résultat dans la console.

5. 🧾 Résumé et points-clés

Une fonction permet de réutiliser du code facilement.
Elle peut recevoir des paramètres et renvoyer une valeur.
Les fonctions rendent le code plus lisible et structuré.