Rysowanie wzorów za pomocą pętli
Proszę wyświetlać ciekawe kształty i wzory.
Rysowanie wzorów za pomocą pętli to bezpłatna lekcja Javascript for Kids na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Javascript for Kids, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Javascript for Kids zawiera 4 lekcji w sumie.
Rysowanie za pomocą pętli 🎨
Witaj, malarzu wzorów! 🌟 Pętle potrafią RYSOWAĆ obrazki z gwiazdek i kształtów!
Stwórzmy razem ciekawe wzory. ⭐
for (let i = 0; i < 3; i++) {
console.log("*")
}Rząd gwiazdek ⭐
Wyświetlmy pionowy rząd gwiazdek!
Każdy obrót pętli dodaje jedną gwiazdkę. 🌟
for (let i = 0; i < 5; i++) {
console.log("*")
}Gwiazdy w jednej linii ➖
Możemy zbudować linię, DODAJĄC gwiazdki do zmiennej!
Każdy obrót pętli dodaje do linii jeszcze jeden znak *. 🪄
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "*"
}
console.log(line)Budowanie słowa 🧱
Dodajemy gwiazdki po jednej, aby linia stawała się coraz dłuższa!
Obserwuj, jak linia rośnie przy każdym obrocie. 📈
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "*"
console.log(line)
}Rosnący trójkąt 🔺
Jeśli będziemy wyświetlać linię w miarę jej wzrostu, powstanie trójkąt!
Jedna gwiazdka, dwie gwiazdki, trzy gwiazdki... 🔺
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "*"
console.log(line)
}Serca zamiast gwiazdek 💖
Możemy użyć DOWOLNEGO symbolu! Stwórzmy trójkąt z serc.
Ale słodko. 💕
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "💖"
console.log(line)
}Kwadrat z gwiazdek 🟦
Wyświetlmy 3 wiersze, z których każdy ma 3 gwiazdki!
Powstanie z tego mały kwadrat. ⬛
for (let i = 0; i < 3; i++) {
console.log("***")
}Wzory liczbowe 🔢
Możemy również utworzyć wzór z liczb!
Każdy wiersz pokazuje numer obrotu pętli. 🪜
for (let i = 1; i <= 5; i++) {
console.log("Row " + i)
}Wzór drabiny 🪜
Dodawaj za każdym razem spację i symbol, aby utworzyć drabinę!
Wspinamy się w górę! 🧗
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "= "
console.log(line)
}Tęczowe kropki 🌈
Utwórzmy kolorowy rząd kropek!
Zmień liczbę, aby go wydłużyć. 🔴🟠🟡
let dots = ""
for (let i = 0; i < 6; i++) {
dots = dots + "🔴"
}
console.log(dots)Twój własny wzór 🧒
Zmień symbol i liczbę, aby narysować WŁASNY wzór!
Puść wodze kreatywności! 🎨
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "⭐"
console.log(line)
}Szybkie sprawdzenie ✅
Pytanie o wzory! Jesteś niesamowity! 🎨
Malarzu wzorów! 🏆
Wspaniale! 🎉 Dzisiaj nauczyłeś się:
- Pętle potrafią rysować wzory
- Dodawanie symboli do zmiennej pozwala tworzyć coraz dłuższe linie
- Wyświetlanie linii w każdym obrocie pozwala tworzyć kształty, takie jak trójkąty
Ukończyłeś lekcję „Pętla bez końca”! Jesteś mistrzem wzorów! ⭐
for (let i = 0; i < 1; i++) {
console.log("I can draw with loops! 🎨")
}Często zadawane pytania
Czy lekcja „Rysowanie wzorów za pomocą pętli” jest bezpłatna?
Tak — pełny tekst „Rysowanie wzorów za pomocą pętli” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Javascript for Kids, przejdź na CoddyKit PRO. Kurs Javascript for Kids zawiera 4 lekcji w sumie.
Co nauczysz się w „Rysowanie wzorów za pomocą pętli”?
Proszę wyświetlać ciekawe kształty i wzory. Ćwiczysz Javascript for Kids z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć Javascript for Kids?
Nie wymagamy żadnego doświadczenia. Javascript for Kids w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.
Ile czasu zajmuje lekcja „Rysowanie wzorów za pomocą pętli”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji Javascript for Kids?
Tak. Każda lekcja Javascript for Kids zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Dlaczego używamy pętli
- Zliczanie za pomocą pętli for
- Powtarzanie za pomocą while
- Rysowanie wzorów za pomocą pętli