Javascript for Kids · Leçon

Afficher l’histoire

Afficher le résultat

Leçon 3 sur 413 étapes

Afficher l’histoire 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.

Présentez votre histoire ! 🎬

Bonjour, superstar ! 🌟 Nous avons collectionné des mots et les avons insérés dans un modèle. 📖

Maintenant, place au spectacle ! 🎬 Affichons le résultat drôle d'une manière amusante !

Afficher avec console.log 🖨️

console.log permet d'afficher des mots à l'écran ! 🖨️

C'est comme une petite imprimante pour notre histoire. 😄

let name = 'Zoey';
console.log('Starring: ' + name + '! 🌟');

Un titre pour l'histoire 📛

Toute grande histoire a un titre ! 📛

Imprimons un titre élégant avant le début de l'histoire. ✨

let hero = 'Max';
console.log('=== The Tale of ' + hero + ' ===');

Afficher toute l'histoire 📜

Affichons maintenant toute l'histoire remplie ! 📜

C'est la grande révélation ! 🎉

let name = 'Luna';
let animal = 'dragon';
let place = 'cave';
console.log(name + ' met a ' + animal + ' inside a dark ' + place + '!');

Une histoire sur plusieurs lignes 📰

Les longues histoires sont plus agréables à lire sur plusieurs lignes ! 📰

Chaque console.log affiche une nouvelle ligne. 📄

let name = 'Theo';
let food = 'pancakes';
console.log('Once upon a time...');
console.log(name + ' loved eating ' + food + '.');
console.log('The End! 🎬');

Ajouter des émojis pour s'amuser 🎉

Les émojis rendent notre histoire encore plus amusante ! 🎉

Ajoutez-en quelques-uns pour donner vie à l'histoire ! 🦄

let animal = 'unicorn';
let place = 'rainbow';
console.log('🦄 The ' + animal + ' slid down the ' + place + '! 🌈');

Une jolie bordure 🖼️

Encadrons notre histoire avec une bordure amusante ! 🖼️

Les bordures donnent à l'histoire l'apparence d'une vraie page de livre. 📚

let name = 'Mia';
console.log('********************');
console.log('  ' + name + ' the Brave!');
console.log('********************');

Afficher une histoire complètement amusante 🤣

Révélons une histoire amusante complète avec un titre et des émojis ! 🤣

C'est exactement ce que crée notre générateur d'histoires ! 🎊

let name = 'Captain Sam';
let animal = 'penguin';
let food = 'tacos';
console.log('🎬 ' + name + ' and the Magic ' + animal);
console.log(name + ' fed ' + food + ' to a ' + animal + '!');
console.log('Everyone cheered! 🎉');

Une fonction d'affichage 🤖

Construisons une petite machine (fonction) qui affiche l'histoire ! 🤖

Nous lui donnons des mots, et elle imprime toute l'histoire ! 🎬

function showStory(name, animal) {
  console.log('🌟 ' + name + ' found a ' + animal + '!');
  console.log('They became best friends. ❤️');
}
showStory('Zoey', 'fox');

Afficher deux histoires ! 📚

Avec notre machine, nous pouvons afficher autant d'histoires que nous le souhaitons ! 📚

Il suffit de l'appeler à nouveau avec des mots différents ! 🔁

function showStory(name, animal) {
  console.log('🌟 ' + name + ' rode a ' + animal + '! 🎉');
}
showStory('Max', 'dragon');
showStory('Luna', 'whale');

Vous avez affiché l'histoire ! 🏆

Excellent travail, conteur ! 🏆 Vous avez appris à :

  • 🖨️ Afficher des mots avec console.log
  • 📛 Ajouter un titre et 🖼️ une bordure
  • 🤖 Utiliser une fonction pour imprimer toute l'histoire

Prochaine leçon : créer YOUR propre modèle d'histoire ! ✏️

Vérification rapide ✅

C'est le moment de réfléchir ! 🧠 Quelle commande utilisons-nous pour afficher notre histoire à l'écran ?

Récapitulatif de la leçon 🎀

Super travail, présentateur ! 🎀 Aujourd'hui, vous avez appris :

  • 🖨️ console.log affiche notre histoire
  • 📛 Les titres et 🖼️ les bordures sont très élégants
  • 🤖 Une fonction peut afficher toute l'histoire

Ensuite : créez YOUR propre histoire ! ✏️

Gratuit pour commencer

Apprends JavaScript avec un tuteur IA — gratuit

Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.

Cours
35
Leçons
140

Questions Fréquemment Posées

La leçon « Afficher l’histoire » est-elle gratuite ?

Oui — le texte complet de « Afficher l’histoire » 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 « Afficher l’histoire » ?

Afficher le résultat 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 « Afficher l’histoire » ?

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. Collecter des mots
  2. Compléter l’histoire
  3. Afficher l’histoire
  4. Votre propre histoire
← Retour à Javascript for Kids