🎲 Fonctions et Paramètres JavaScript : Mini Playground de Fonctions

(Parc de jeux de code, amusement et apprentissage en un seul 😎)

Bonjour, cher héros du code 💖
Aujourd’hui, nous plongeons dans l’un des outils les plus magiques de JavaScript : les fonctions et les paramètres.
Les fonctions sont comme des boîtes secrètes JS : tout ce que tu mets à l’intérieur ressort sous forme de résultat, et tu as le contrôle total 😏

Explorons le monde des fonctions avec mini-jeux, astuces pratiques et surprises amusantes en JS.

🪄 Qu’est-ce qu’une fonction ? (La boîte magique)

Une fonction est un bloc de code réutilisable.
Pense-la comme un magicien : tu mets quelque chose dedans, et ça te renvoie quelque chose 🎩✨

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

greet();
// Bonjour! 

Explication :

• function → dit à JS « Hé, j’ouvre une boîte magique ! »
• greet → le nom de la fonction, l’étiquette de la boîte
• {} → l’intérieur de la boîte, là où la magie opère
• console.log → affiche le message quand la fonction s’exécute

💡 Astuce pratique :
Les fonctions permettent d’éviter de répéter le code. Écris-le une fois, appelle-le autant de fois que tu veux 🎯

🎁 Paramètres : Les cadeaux de la fonction

Les fonctions deviennent super puissantes grâce aux paramètres.
Les paramètres sont des cadeaux spéciaux que l’on offre à une fonction 🎁

function greet(name) {
  console.log(`Bonjour ${name} ! `);
}

greet("Cansu");
// Bonjour Cansu ! 

greet("JavaScript");
// Bonjour JavaScript ! 

Explication :

• name → le cadeau pour la fonction, peu importe ce que tu mets ici, la fonction l’utilisera
• ${name} → template literal pour personnaliser le message
• La même fonction peut maintenant fonctionner avec différents noms

💡 Mini astuce :
Les paramètres rendent les fonctions dynamiques et amusantes. Une fonction peut faire beaucoup de choses 😎

🏓 Mini-jeu : Devine le nombre

Voyons les paramètres en action avec un petit jeu de devinette de nombres :

function guessNumber(userGuess) {
  const secretNumber = Math.floor(Math.random() * 5) + 1;

  if(userGuess === secretNumber) {
    console.log("Félicitations ! 🎉 Tu as deviné correctement !");
  } else {
    console.log(`Désolé 😢. Le bon nombre était ${secretNumber}.`);
  }
}

guessNumber(3); // Change le paramètre pour un résultat différent

Explication :

• Math.random() → génère un nombre aléatoire entre 0 et 1
• Math.floor() → arrondit à l’entier inférieur
• +1 → pour obtenir un nombre entre 1 et 5
• userGuess → le choix de l’utilisateur passé à la fonction

💡 Astuce pratique :
Les variables à l’intérieur d’une fonction ne sont visibles qu’à l’intérieur.
Le nombre secret reste caché 🛡️

➕ Paramètres multiples : Jeu de maths

Les fonctions peuvent prendre plusieurs paramètres. Exemple : une simple addition :

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

console.log(addNumbers(5, 7));  // 12
console.log(addNumbers(10, 15)); // 25

Explication :

• a et b → les deux cadeaux pour la fonction
• return → la fonction renvoie le résultat
• Sans return, la fonction ne ferait qu’afficher, sans fournir de valeur

💡 Mini astuce :
Toujours utiliser return pour rendre vos fonctions modulaires et réutilisables dans d’autres calculs ✨

🔄 Rendez les fonctions amusantes : Fête des emojis 🎉

Combine paramètres et boucles pour créer une fête d’emojis :

function party(emoji, times) {
  let result = "";
  for(let i = 0; i < times; i++) {
    result += emoji + " ";
  }
  return result;
}

console.log(party("💖", 5)); 
// 💖 💖 💖 💖 💖

Explication :

• emoji → quel emoji utiliser
• times → combien de fois le répéter
• boucle for → concatène l’emoji à chaque tour
• return → renvoie le résultat final

💡 Astuce pratique :
Utilise cette technique pour animations, mini-jeux ou messages personnalisés. JS te permet de libérer ta créativité 😎

🌟 Paramètres par défaut : Super pouvoir des fonctions

Tu peux définir des valeurs par défaut si aucun paramètre n’est passé :

function greetPerson(name = "cher ami") {
  console.log(`Bonjour ${name} ! );
}

greetPerson();
// Bonjour cher ami ! 

greetPerson("Cansu");
// Bonjour Cansu ! 

💡 Astuce pratique :
Les paramètres par défaut rendent les fonctions flexibles et sans erreurs. Pas de valeur ? Pas de problème 😏

🎯 Paramètres rest : Cadeaux sans fin

Les fonctions peuvent prendre n’importe quel nombre de paramètres grâce aux paramètres rest :

function sumAll(...numbers) {
  return numbers.reduce((total, num) => total + num, 0);
}

console.log(sumAll(1, 2, 3, 4, 5)); // 15
console.log(sumAll(10, 20));       // 30

Explication :

• ...numbers → collecte autant de nombres que tu veux
• reduce → additionne tous les nombres
• Cela rend la fonction dynamique et puissante 😎

💡 Mini astuce :
Tu peux aussi combiner les paramètres rest avec l’opérateur spread .... Super flexible et moderne !

💌 Mot de la fin

Les fonctions et les paramètres sont parmi les outils les plus amusants et utiles de JavaScript :

• Garde ton code propre et réutilisable
• Évite de répéter la même logique
• Utilise les paramètres pour créer mini-jeux, simulations et solutions créatives

✨ Combine les fonctions JS avec ton imagination et commence à créer des projets amusants et des mini-jeux !