Рисование узоров с помощью циклов
Выводите забавные фигуры и узоры.
«Рисование узоров с помощью циклов» — бесплатный урок Javascript for Kids на CoddyKit. Это урок 4 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Javascript for Kids, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Javascript for Kids содержит 4 уроков всего.
Рисуем с помощью циклов 🎨
Здравствуйте, художник узоров! 🌟 Циклы умеют DRAW картинки из звёзд и фигур!
Давайте вместе создадим красивые узоры. ⭐
for (let i = 0; i < 3; i++) {
console.log("*")
}Ряд звёзд ⭐
Давайте выведем вертикальный ряд звёзд!
Каждый цикл добавляет одну звезду. 🌟
for (let i = 0; i < 5; i++) {
console.log("*")
}Звёзды в строку ➖
Мы можем построить строку, ADDING звёзды в поле!
Каждый цикл добавляет в строку ещё один символ *. 🪄
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "*"
}
console.log(line)Составляем слово 🧱
Мы добавляем звёзды по одной, чтобы строка становилась длиннее!
Смотрите, как строка растёт с каждым оборотом. 📈
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "*"
console.log(line)
}Растущий треугольник 🔺
Если выводить строку по мере роста, получится треугольник!
Одна звезда, две звезды, три звезды... 🔺
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "*"
console.log(line)
}Сердечки вместо звёзд 💖
Можно использовать ANY символ! Давайте создадим треугольник из сердечек.
Как мило. 💕
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "💖"
console.log(line)
}Квадрат из звёзд 🟦
Давайте выведем 3 строки, в каждой из которых будет по 3 звезды!
Получится маленький квадрат. ⬛
for (let i = 0; i < 3; i++) {
console.log("***")
}Узоры из чисел 🔢
Можно создать и числовой узор!
В каждой строке отображается номер цикла. 🪜
for (let i = 1; i <= 5; i++) {
console.log("Row " + i)
}Узор-лестница 🪜
Каждый раз добавляйте пробел и символ, чтобы получилась лестница!
Поднимаемся вверх! 🧗
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "= "
console.log(line)
}Радужные точки 🌈
Давайте создадим разноцветный ряд точек!
Изменяйте число, чтобы сделать его длиннее. 🔴🟠🟡
let dots = ""
for (let i = 0; i < 6; i++) {
dots = dots + "🔴"
}
console.log(dots)Свой узор 🧒
Изменяйте символ и число, чтобы DRAW свой узор!
Проявите фантазию! 🎨
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "⭐"
console.log(line)
}Быстрая проверка ✅
Вопрос об узорах! Вы потрясающи! 🎨
Художник узоров! 🏆
Замечательно! 🎉 Сегодня вы узнали:
- Циклы умеют рисовать узоры
- Добавляйте символы в поле, чтобы строки росли
- Выводите строку в каждом цикле, чтобы создавать фигуры, например треугольники
Вы завершили урок «Цикл за циклом»! Вы настоящий мастер узоров! ⭐
for (let i = 0; i < 1; i++) {
console.log("I can draw with loops! 🎨")
}
Изучай JavaScript с ИИ-репетитором — бесплатно
Пиши и запускай код прямо в браузере, получай мгновенную помощь от ИИ-репетитора 24/7 и продолжи учиться на сайте или в приложении.
- Курсы
- 35
- Уроки
- 140
Часто задаваемые вопросы
Урок «Рисование узоров с помощью циклов» бесплатный?
Да — полный текст урока «Рисование узоров с помощью циклов» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Javascript for Kids, подпишись на CoddyKit PRO. Курс Javascript for Kids содержит 4 уроков всего.
Чему я научусь в уроке «Рисование узоров с помощью циклов»?
Выводите забавные фигуры и узоры. Ты практикуешь Javascript for Kids с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Javascript for Kids?
Предыдущий опыт не требуется. Javascript for Kids на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 4 из 4.
Сколько времени занимает урок «Рисование узоров с помощью циклов»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Javascript for Kids?
Да. Каждый урок Javascript for Kids включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Зачем нужны циклы
- Подсчёт с циклом for
- Повторение с while
- Рисование узоров с помощью циклов