0Pricing
Javascript for Kids · Leçon

Triangles d’étoiles

Faire grandir des formes

Triangles d’étoiles est une leçon Javascript for Kids gratuite sur CoddyKit. Ceci est la leçon 3 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Javascript for Kids, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Javascript for Kids comprend 4 leçons au total.

Des formes qui grandissent ! 🔺

Et si chaque ligne comportait MORE d’étoiles que la précédente ? Vous obtenez un triangle ! 🔺

Ligne 1 : *
Ligne 2 : **
Ligne 3 : ***

Créons des formes qui GROW ! 🌱

L’astuce secrète 🪄

Le secret : la boucle intérieure s’exécute autant de fois que le compteur OUTER !

Ainsi, lorsque le numéro de ligne augmente, le nombre d’étoiles augmente lui aussi !

for (let r = 1; r <= 4; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '*'
  }
  console.log(row)
}

Regardez-le grandir 🌱

Remarquez c <= r ! La boucle intérieure s’arrête au numéro de la ligne. La ligne 1 possède 1 étoile, la ligne 2 en possède 2, et ainsi de suite !

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '⭐'
  }
  console.log(row)
}

Un triangle plus grand 🔺

Vous voulez un triangle plus haut ? Il suffit de faire exécuter la boucle extérieure davantage de fois !

for (let r = 1; r <= 6; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '*'
  }
  console.log(row)
}

Triangle qui rétrécit 🔻

Inversez-le ! Commencez la boucle extérieure par une grande valeur et comptez vers le bas pour créer un triangle qui rétrécit.

for (let r = 4; r >= 1; r--) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '*'
  }
  console.log(row)
}

Triangle de cœurs 💖

Utilisez le symbole de votre choix ! Faisons grandir un triangle de cœurs.

for (let r = 1; r <= 5; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '💖'
  }
  console.log(row)
}

Triangle de nombres 🔢

Remplissez chaque ligne avec le numéro de la ligne ! Une pyramide de nombres. 🔢

for (let r = 1; r <= 5; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + r
  }
  console.log(row)
}

Triangle en comptant 🧮

Remplissez chaque ligne en comptant vers le haut ! La ligne 3 affiche 1 2 3.

for (let r = 1; r <= 4; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + c
  }
  console.log(row)
}

Sapin de Noël 🎄

Un triangle de sapins ressemble à une forêt qui grandit ! 🌲

for (let r = 1; r <= 5; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '🌲'
  }
  console.log(row)
}

Triangle espacé ✨

Ajoutez un espace après chaque étoile pour obtenir un triangle plus aéré !

for (let r = 1; r <= 5; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '* '
  }
  console.log(row)
}

À vous de le faire grandir 🌟

Remplacez le symbole par une fusée 🚀 ou donnez-lui 7 lignes de hauteur ! Modifiez le code et exécutez-le.

for (let r = 1; r <= 5; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '🚀'
  }
  console.log(row)
}

Vérification rapide ✅

Vérifiez vos connaissances sur les triangles ! 🧠

Récapitulatif du triangle d’étoiles 🎉

Vos formes grandissent ! 🔺 Vous avez appris l’astuce du triangle.

  • La boucle intérieure utilise c <= r pour grandir à chaque ligne
  • Comptez vers le haut avec la boucle extérieure pour obtenir un triangle croissant
  • Comptez vers le bas avec la boucle extérieure pour obtenir un triangle décroissant

Ensuite : afficher une véritable table de multiplication ! ✖️

Questions Fréquemment Posées

La leçon « Triangles d’étoiles » est-elle gratuite ?

Oui — le texte complet de « Triangles d’étoiles » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Javascript for Kids, passe à CoddyKit PRO. Le cours Javascript for Kids comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Triangles d’étoiles » ?

Faire grandir des formes Tu pratiques Javascript for Kids avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer Javascript for Kids ?

Aucune expérience préalable n'est requise. Javascript for Kids sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 3 sur 4.

Combien de temps prend la leçon « Triangles d’étoiles » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon Javascript for Kids ?

Oui. Chaque leçon Javascript for Kids inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Une boucle dans une boucle
  2. Lignes et colonnes
  3. Triangles d’étoiles
  4. Une table de multiplication
← Retour à Javascript for Kids