Javascript for Kids · Урок

Показ истории

Выводите результат

«Показ истории» — бесплатный урок Javascript for Kids на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Javascript for Kids, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Javascript for Kids содержит 4 уроков всего.

Покажите свою историю! 🎬

Привет, звезда! 🌟 Мы собрали слова и вставили их в шаблон. 📖

Теперь время представления! 🎬 Давайте покажем смешной результат необычным способом!

Выводим с помощью console.log 🖨️

console.log нужен, чтобы показывать слова на экране! 🖨️

Это как маленький принтер для нашей истории. 😄

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

Заголовок истории 📛

У каждой хорошей истории есть заголовок! 📛

Давайте выведем красивый заголовок перед началом истории. ✨

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

Показываем всю историю 📜

Теперь давайте покажем всю заполненную историю! 📜

Вот это большая премьера! 🎉

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

История в нескольких строках 📰

Длинные истории лучше выглядят, если разместить их в нескольких строках! 📰

Каждый вызов console.log выводит новую строку. 📄

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

Добавляем эмодзи для веселья 🎉

Эмодзи делают нашу историю ещё забавнее и веселее! 🎉

Добавим их, чтобы оживить историю! 🦄

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

Красивая рамка 🖼️

Давайте обрамим нашу историю красивой рамкой! 🖼️

С рамкой история становится похожей на настоящую книжную страницу. 📚

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

Показываем целую забавную историю 🤣

Давайте покажем целую забавную историю с заголовком и эмодзи! 🤣

Именно такую историю создаёт наш Story Maker! 🎊

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! 🎉');

Функция показа 🤖

Давайте создадим небольшую машину (функцию), которая показывает историю! 🤖

Мы передаём ей слова, а она выводит весь рассказ! 🎬

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

Показываем две истории! 📚

С нашей машиной мы можем показывать сколько угодно историй! 📚

Просто вызовите её ещё раз с другими словами! 🔁

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

Вы показали историю! 🏆

Замечательная работа, рассказчик! 🏆 Вы научились:

🖨️ показывать слова с помощью console.log
📛 добавлять заголовок и 🖼️ рамку
🤖 использовать функцию для вывода всей истории

Следующий урок: создадим YOUR собственный шаблон истории! ✏️

Быстрая проверка ✅

Время подумать! 🧠 Какую команду мы используем, чтобы показать историю на экране?

Итоги урока 🎀

Отличная работа, ведущий! 🎀 Сегодня вы узнали:

🖨️ console.log показывает нашу историю
📛 заголовки и 🖼️ рамки выглядят здорово
🤖 функция может показать весь рассказ

Дальше: создадим вашу собственную историю! ✏️

Часто задаваемые вопросы

Урок «Показ истории» бесплатный?

Да — полный текст урока «Показ истории» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Javascript for Kids, подпишись на CoddyKit PRO. Курс Javascript for Kids содержит 4 уроков всего.

Чему я научусь в уроке «Показ истории»?

Выводите результат Ты практикуешь Javascript for Kids с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать Javascript for Kids?

Предыдущий опыт не требуется. Javascript for Kids на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.

Сколько времени занимает урок «Показ истории»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке Javascript for Kids?

Да. Каждый урок Javascript for Kids включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

← Назад к Javascript for Kids