0Pricing
Javascript for Kids · Lekcja

Trójkąty z gwiazdek

Rozwijaj kształty

Trójkąty z gwiazdek to bezpłatna lekcja Javascript for Kids na CoddyKit. To lekcja 3 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.

Rosnące kształty! 🔺

Co by było, gdyby każdy wiersz miał WIĘCEJ gwiazdek niż poprzedni? Powstałby trójkąt! 🔺

Wiersz 1: *
Wiersz 2: **
Wiersz 3: ***

Stwórzmy kształty, które ROSNĄ! 🌱

Tajna sztuczka 🪄

Sztuczka polega na tym, że pętla wewnętrzna wykonuje się tyle razy, ile wynosi licznik ZEWNĘTRZNY!

Gdy więc rośnie numer wiersza, rośnie także liczba gwiazdek!

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

Zobaczmy, jak rośnie 🌱

Zwróć uwagę na c <= r! Pętla wewnętrzna kończy się na numerze wiersza. Wiersz 1 ma 1 gwiazdkę, wiersz 2 ma 2 gwiazdki i tak dalej!

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

Większy trójkąt 🔺

Potrzebujesz wyższego trójkąta? Wystarczy, że pętla zewnętrzna wykona się więcej razy!

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

Malejący trójkąt 🔻

Odwróćmy kierunek! Rozpocznijmy pętlę zewnętrzną od dużej wartości i liczmy W DÓŁ, aby utworzyć malejący trójkąt.

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

Trójkąt z serc 💖

Możesz użyć dowolnego symbolu! Stwórzmy rosnący trójkąt z serc.

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

Trójkąt liczb 🔢

Wypełnijmy każdy wiersz numerem wiersza! Powstanie piramida liczb. 🔢

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

Trójkąt z liczeniem 🧮

Wypełniajmy każdy wiersz, licząc w górę! Wiersz 3 pokazuje 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)
}

Choinka 🎄

Trójkąt choinek wygląda jak rosnący las! 🌲

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

Trójkąt z odstępami ✨

Dodaj spację po każdej gwiazdce, aby rozsunąć elementy trójkąta!

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

Czas stworzyć własny kształt 🌟

Proszę zmienić symbol na rakietę 🚀 albo zwiększyć wysokość do 7 wierszy! Proszę edytować kod i go uruchomić.

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

Szybki test ✅

Szybki test wiedzy o trójkątach! 🧠

Podsumowanie trójkątów z gwiazdek 🎉

Wasze kształty rosną! 🔺 Poznano sztuczkę z trójkątem.

  • Pętla wewnętrzna wykonuje się zgodnie z warunkiem c <= r, dzięki czemu trójkąt rośnie z każdym wierszem
  • Zewnętrzna pętla liczy W GÓRĘ, aby utworzyć rosnący trójkąt
  • Zewnętrzna pętla liczy W DÓŁ, aby utworzyć malejący trójkąt

Następnie: wyświetlanie prawdziwej tabliczki mnożenia! ✖️

Często zadawane pytania

Czy lekcja „Trójkąty z gwiazdek” jest bezpłatna?

Tak — pełny tekst „Trójkąty z gwiazdek” 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 „Trójkąty z gwiazdek”?

Rozwijaj kształty Ć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 3 z 4.

Ile czasu zajmuje lekcja „Trójkąty z gwiazdek”?

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

  1. Pętla wewnątrz pętli
  2. Wiersze i kolumny
  3. Trójkąty z gwiazdek
  4. Tabliczka mnożenia
← Powrót do Javascript for Kids