0Pricing
Javascript for Kids · Урок

Вопросы по порядку

Перебирайте их в цикле

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

По одному, пожалуйста! 🔁

На викторине вопросы задаются ONE BY ONE, по порядку. Для автоматизации мы используем цикл! Давайте узнаем, как это работает. 🎤

Что такое цикл? 🌀

Цикл повторяет код, поэтому нам не приходится вводить его снова и снова. Лень, применённая с умом! 😎

for (let i = 0; i < 3; i++) {
  console.log("Round " + i)
}

Перебираем список 📋

Переберите в цикле каждый вопрос из списка викторины по очереди.

let quiz = ["Q1?", "Q2?", "Q3?"]
for (let i = 0; i < quiz.length; i++) {
  console.log(quiz[i])
}

Нумеруем вопросы 1️⃣2️⃣3️⃣

Игрокам нравится знать, какой по счёту вопрос они решают! Добавьте номер.

let quiz = ["Sky color?", "Grass color?"]
for (let i = 0; i < quiz.length; i++) {
  console.log("Question " + (i + 1) + ": " + quiz[i])
}

Задаём вопросы из объектов 📦

Наши вопросы — это объекты, поэтому прочитайте часть .question внутри цикла.

let quiz = [
  { question: "Sky color?", answer: "blue" },
  { question: "Snow color?", answer: "white" }
]
for (let i = 0; i < quiz.length; i++) {
  console.log(quiz[i].question)
}

Более удобный цикл: forEach 🤝

forEach — это простой цикл, который посещает каждый элемент. Очень аккуратно!

let quiz = ["What is 1+1?", "What is 2+2?"]
quiz.forEach(function(q) {
  console.log(q)
})

forEach с номером 🔢

forEach также может передать Вам позицию элемента! Это удобно для нумерации.

let quiz = ["A?", "B?"]
quiz.forEach(function(q, i) {
  console.log((i + 1) + ") " + q)
})

Показываем и варианты 📋

Для каждого вопроса также покажите его варианты. Цикл внутри цикла! 🌀🌀

let q = { question: "Says moo?", options: ["dog", "cow"] }
console.log(q.question)
q.options.forEach(function(opt, i) {
  console.log((i + 1) + ". " + opt)
})

Пауза между вопросами ⏸️

В настоящем шоу ведущий делает паузу. Мы можем вывести небольшое сообщение-разделитель!

let quiz = ["Q1?", "Q2?"]
quiz.forEach(function(q) {
  console.log(q)
  console.log("--- next question ---")
})

Последний вопрос 🏁

Сообщите игрокам, когда они дошли до последнего вопроса. Это усиливает ожидание!

let quiz = ["A?", "B?", "C?"]
for (let i = 0; i < quiz.length; i++) {
  if (i === quiz.length - 1) {
    console.log("FINAL: " + quiz[i])
  } else {
    console.log(quiz[i])
  }
}

Вопросы идут по порядку! ✅

Теперь викторина сама задаёт каждый вопрос по порядку. Шоу проходит гладко! 🎬

let quiz = [
  { question: "1+1?" },
  { question: "2+2?" }
]
quiz.forEach(function(item, i) {
  console.log("Q" + (i + 1) + ": " + item.question)
})

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

Проверим знания о циклах! 🌀

Герой циклов! 🦸

Повторим! Вы научились:

  • 🌀 Использовать цикл for
  • 🤝 Использовать удобный forEach
  • 1️⃣ Нумеровать вопросы
  • 🏁 Находить последний вопрос

Далее: сохраняем SCORE! 🏆

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

Урок «Вопросы по порядку» бесплатный?

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

Чему я научусь в уроке «Вопросы по порядку»?

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

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

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

Сколько времени занимает урок «Вопросы по порядку»?

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

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

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

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

  1. Вопросы викторины
  2. Вопросы по порядку
  3. Подсчёт результатов
  4. Итоговый результат
← Назад к Javascript for Kids