🔁 Table de Multiplication avec les Boucles For

Du traumatisme des maths au plaisir JavaScript 🎢

(« Difficile à l’école, fun dans le code »)

Bonjour, cher guerrier de la boucle for 👋
Aujourd’hui, je suis là pour t’aider à faire la paix avec l’un des sujets les plus légendaires de notre enfance : la table de multiplication.

Mais ne t’inquiète pas…
❌ Pas de cahier
❌ Pas de professeur
❌ Personne qui crie « Faux ! »

✅ Juste JavaScript
✅ Un peu de logique algorithmique
✅ Un peu d’humour
✅ Beaucoup de moments « aah, maintenant j’ai compris ! » 😄

🤔 Qu’est-ce qu’une table de multiplication et pourquoi la coder ?

La logique d’abord, le code ensuite 🧠

Une table de multiplication dit simplement ceci :

« Multiplie un nombre de manière répétée dans une plage donnée. »

Par exemple, la table de 6 :

6 × 1
6 × 2
6 × 3
…
6 × 10

👀 Remarque quelque chose d’important :

• Même opération
• Même nombre
• Seul le multiplicateur change

🎯 Tâche répétitive = Boucle For

Donc JavaScript dit :

« Laisse-moi faire, va prendre un café ☕ »

🧠 Échauffe ton cerveau avant de coder

Pour créer une table de multiplication, il nous faut :

📌 Si tu sais construire ce tableau, tu sais écrire une boucle
📌 Si tu sais écrire une boucle, JavaScript te craint 😄

🧪 Niveau 1 : Table de multiplication d’un nombre fixe
🎯 « La table de 5 » (Classique mais puissante)

for (let i = 1; i <= 10; i++) {
  console.log("5 x " + i + " = " + (5 * i));
}

Décortiquons cela 🧩

let i = 1;

➡️ Le compteur commence à 1
➡️ Parce que qui veut vraiment voir 5 × 0 ? 😄

i <= 10;

➡️ Continuer jusqu’à 10
➡️ Inclure 10 (ce <= est très important !)

i++;

➡️ Augmente de 1 à chaque tour
➡️ Oublie ça → cauchemar de boucle infinie 😱

5 * i

➡️ C’est ici que la vraie magie mathématique opère
➡️ La boucle est juste l’organisateur 🎯

🖥️ Résultat :

5 x 1 = 5
5 x 2 = 10
...
5 x 10 = 50

✨ Version moderne : Style cool avec les template literals

for (let i = 1; i <= 10; i++) {
  console.log(`5 x ${i} = ${5 * i}`);
}

🎯 Avantages :

• Plus lisible
• Plus court
• Plus moderne
• Donne un sérieux air de « je maîtrise JavaScript » 😎

📌 Astuce :
Dans les projets modernes, utilise toujours les template literals.

🔄 Niveau 2 : Table de multiplication dynamique
Pour ceux qui disent : « Je la veux pour n’importe quel nombre » 🎩

On jette le 5 fixe à la poubelle 🗑️
Le code fonctionne maintenant avec n’importe quel nombre.

let nombre = 7;

for (let i = 1; i <= 10; i++) {
  console.log(`${nombre} x ${i} = ${nombre * i}`);
}

🧠 Qu’est-ce qui a changé ?

• nombre est dynamique
• La boucle reste la même
• La logique ne change pas

📌 Réflexe de développeur pro :
« Ne change pas le code, change la donnée. »

🎯 Scénario pratique : Table de multiplication avec une fonction
(Oui, on passe en mode pro 😎)

function tableDeMultiplication(nombre) {
  for (let i = 1; i <= 10; i++) {
    console.log(`${nombre} x ${i} = ${nombre * i}`);
  }
}

Utilisation 👇

tableDeMultiplication(3);
tableDeMultiplication(9);

🎉 Maintenant tu as :

• Zéro répétition
• Du code propre
• Une vraie logique de projet

🧨 Niveau 3 : LA TABLE DE MULTIPLICATION COMPLÈTE
(Il y a des boucles imbriquées ici — respire 😄)

🧪 Boucles For imbriquées

for (let i = 1; i <= 10; i++) {
  console.log("---------------");
  console.log(`Table de ${i}`);
  
  for (let j = 1; j <= 10; j++) {
    console.log(`${i} x ${j} = ${i * j}`);
  }
}

🧠 Comprenons clairement la logique

Boucle externe (i)
➡️ Quelle table ?

Boucle interne (j)
➡️ Multiplier ce nombre de 1 à 10

📌 Phrase logique :

« Pour chaque nombre, multiplie-le de 1 à 10. »

Si tu comprends ça :
🎯 Les boucles imbriquées sont officiellement maîtrisées.

⚠️ Les erreurs les plus courantes (tirées de la vraie vie)

❌ Boucle infinie

for (let i = 1; i <= 10;) {
  console.log(i);
}

😱 Pas de i++
😱 L’ordinateur panique
😱 Toi aussi

❌ Mauvais point de départ

for (let i = 0; i <= 10; i++) {
  console.log(5 * i);
}

📌 Techniquement correct
📌 Logiquement… bof 😄

🧠 Conseils professionnels (or pur 💎)

💡 Évite les calculs inutiles dans les boucles
💡 Attention aux performances avec les boucles imbriquées
💡 Sois prudent avec les grandes plages
💡 Écris d’abord la logique, puis le code

🎯 Où est-ce utilisé dans la vraie vie ?

• Questions d’algorithmique
• Préparation aux entretiens
• Musculation des boucles 💪
• Logique de jeu
• Structures de tableaux et de grilles

🧠 Grand résumé (sache ça et détends-toi)

✅ Table de multiplication = tâche répétitive
✅ Boucle for = reine de la répétition 👑
✅ Fonction + boucle = code propre
✅ Boucles imbriquées = grand pouvoir (à utiliser avec sagesse)
✅ Comprends la logique → le code vient tout seul 😄