Javascript for Kids · Урок

Орёл или решка

Случайный бросок монеты

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

Добро пожаловать в игру «Подбрасывание монетки»! 🪙

Здравствуйте, программист! 👋 Сегодня мы создадим игру «Подбрасывание монетки»! 🪙

Когда вы подбрасываете настоящую монетку, она падает одной из сторон: Heads или Tails. Мы никогда не знаем заранее, какая сторона выпадет. В этом и заключается всё веселье! 🎉

Давайте научим компьютер тоже подбрасывать монетку!

Что такое random? 🎲

Подбрасывание монетки — это random. random означает, что мы не можем точно угадать ответ. 🤷

В JavaScript есть специальный помощник под названием Math.random(). Он выдаёт неожиданное число между 0 и 1. 🎲

Давайте посмотрим, что он выдаст!

console.log(Math.random());
console.log(Math.random());
console.log(Math.random());

Крошечные числа 🔢

Вы заметили эти числа? Они были очень маленькими и содержали много знаков после запятой, например 0.3829. 😮

Каждый раз при запуске вы получаете другое число. Компьютер бросает для нас невидимую игральную кость! 🎲

let surprise = Math.random();
console.log('My surprise number is: ' + surprise);

Меньше половины? ✂️

У монетки 2 стороны. Значит, нам нужно разделить наше число на 2 группы! ✂️

Середина между 0 и 1 — это 0.5 (одна половина). Мы можем спросить: наше число меньше 0.5? 🤔

let number = Math.random();
console.log('Number: ' + number);
console.log('Is it less than 0.5? ' + (number < 0.5));

Время выбрать Heads или Tails! 🎯

А теперь начинается волшебство! Если число меньше 0.5, мы говорим Heads. Если нет — говорим Tails! 🎯

Для выбора мы используем if и else.

let number = Math.random();
if (number < 0.5) {
  console.log('Heads! 🙂');
} else {
  console.log('Tails! 🪙');
}

Запустите ещё раз! 🔁

Попробуйте несколько раз нажать Запустить! 🔁

Иногда выпадает Heads, а иногда — Tails. Прямо как у настоящей монетки! 🪙

Компьютер удивляет нас при каждом запуске. 😄

let number = Math.random();
if (number < 0.5) {
  console.log('Heads! 🙂');
} else {
  console.log('Tails! 🪙');
}

Сохраняем результат 📦

Давайте сохраним ответ в коробке под названием переменная. 📦

Назовём её result и положим внутрь либо 'Heads', либо 'Tails'.

let number = Math.random();
let result;
if (number < 0.5) {
  result = 'Heads';
} else {
  result = 'Tails';
}
console.log('The coin shows: ' + result);

Функция подбрасывания 🛠️

В нашей игре мы будем подбрасывать монетку много раз. Поэтому создадим функцию, которую можно использовать повторно! 🛠️

Функция похожа на маленькую машинку. Мы вызываем flipCoin(), и она возвращает результат! 🤖

function flipCoin() {
  if (Math.random() < 0.5) {
    return 'Heads';
  } else {
    return 'Tails';
  }
}
console.log(flipCoin());

Используем машинку 🤖

Теперь, когда у нас есть машинка для подбрасывания монетки, мы можем использовать её снова и снова! 🤖

Посмотрите, как мы вызываем flipCoin() три раза подряд! 🪙🪙🪙

function flipCoin() {
  if (Math.random() < 0.5) {
    return 'Heads';
  } else {
    return 'Tails';
  }
}
console.log('Flip 1: ' + flipCoin());
console.log('Flip 2: ' + flipCoin());
console.log('Flip 3: ' + flipCoin());

Добавим немного красоты ✨

Давайте добавим забавные эмодзи, чтобы показать сторону монетки! ✨

Добавим весёлое сообщение, чтобы сделать игру ещё интереснее. 🎉

function flipCoin() {
  if (Math.random() < 0.5) {
    return 'Heads 🙂';
  } else {
    return 'Tails 🪙';
  }
}
console.log('Flipping the coin... 🌀');
console.log('It landed on: ' + flipCoin());

Вы создали монетку! 🏆

Потрясающая работа! 🏆 Вы научили компьютер подбрасывать монетку с помощью Math.random()!

🎲 random выдаёт неожиданное число
✂️ Мы разделяем его на отметке 0.5
🪙 Если число меньше 0.5 — Heads, иначе Tails

Дальше мы позволим игроку угадать сторону монетки! 🤔

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

Проверим ваши знания! 🧠 Что выдаёт Math.random()?

Итоги урока 🎀

Отличная работа сегодня! 🎀 Вот чему вы научились:

🎲 Math.random() создаёт случайное число
✂️ Мы сравниваем его с 0.5
🪙 С помощью if/else выбираем Heads или Tails
🛠️ Функция flipCoin() позволяет повторно использовать наш код

До встречи на следующем уроке, мастер монеток! 👋

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

Урок «Орёл или решка» бесплатный?

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

Чему я научусь в уроке «Орёл или решка»?

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

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

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

Сколько времени занимает урок «Орёл или решка»?

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

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

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

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

← Назад к Javascript for Kids