0Pricing
Javascript for Kids · Урок

Звёздные треугольники

Создавайте фигуры

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

Растущие фигуры! 🔺

Что, если в каждой строке будет MORE звёзд, чем в предыдущей? Получится треугольник! 🔺

Строка 1: *
Строка 2: **
Строка 3: ***

Давайте создадим фигуры, которые GROW! 🌱

Секретная хитрость 🪄

Секрет в том, что внутренний цикл выполняется столько раз, каково значение счётчика OUTER!

Поэтому с ростом номера строки растёт и количество звёзд!

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

Смотрите, как растёт 🌱

Обратите внимание на c <= r! Внутренний цикл останавливается на номере строки. В строке 1 одна звезда, в строке 2 — две, и так далее!

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

Треугольник побольше 🔺

Хотите более высокий треугольник? Просто увеличьте число выполнений внешнего цикла!

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

Уменьшающийся треугольник 🔻

Перевернём его! Начните внешний цикл с большого числа и считайте DOWN, чтобы получить уменьшающийся треугольник.

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

Треугольник из сердечек 💖

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

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

Числовой треугольник 🔢

Заполним каждую строку её номером! Получится числовая пирамида. 🔢

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

Считающий треугольник 🧮

Заполняйте каждую строку числами по порядку! В строке 3 будут числа 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)
}

Рождественская ёлка 🎄

Треугольник из ёлок похож на растущий лес! 🌲

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

Треугольник с пробелами ✨

Добавьте пробел после каждой звезды, чтобы получить разреженный треугольник!

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

Теперь Ваша очередь растить 🌟

Замените символ на ракету 🚀 или сделайте треугольник высотой 7 строк! Отредактируйте код и запустите его.

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

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

Проверим, как Вы поняли треугольники! 🧠

Повторение: треугольник из звёзд 🎉

Ваши фигуры растут! 🔺 Вы узнали секрет треугольников.

  • Внутренний цикл выполняется при c <= r, поэтому треугольник растёт с каждой строкой
  • Считайте внешний цикл UP, чтобы получить растущий треугольник
  • Считайте внешний цикл DOWN, чтобы получить уменьшающийся треугольник

Далее: печатаем настоящую таблицу умножения! ✖️

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

Урок «Звёздные треугольники» бесплатный?

Да — полный текст урока «Звёздные треугольники» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 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 — локальная установка не требуется.

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

  1. Цикл внутри цикла
  2. Строки и столбцы
  3. Звёздные треугольники
  4. Таблица умножения
← Назад к Javascript for Kids