Atölye › Wordle Tarzı Kelime Tahmini › 5/26. adım

Altı satır

Ne yapıyoruz

Altı deneme hakkın var; yani altı satır. Bir satırı çizen döngüyü, onu altı kez tekrarlayan ikinci bir döngünün içine koyacağız: her satır bir öncekinden biraz aşağıda.

```js
const TRIES = 6

  for (let row = 0; row < TRIES; row++) {
    for (let i = 0; i < 5; i++) {
      const x = LEFT + i * (SIZE + GAP)
      const y = TOP + row * (SIZE + GAP)
      ctx.strokeStyle = '#3f3f46'
      ctx.lineWidth = 2
      ctx.strokeRect(x + 1, y + 1, SIZE - 2, SIZE - 2)
    }
  }
```

Ne işe yarıyor

const TRIES = 6 → deneme sayısı.
for (let row = 0; row < TRIES; row++) { ... } → dış döngü: row 0'dan 5'e. Her tur bir satır.
İçteki döngü eskisi gibi beş kare çizer; ama artık dış döngünün içinde: 6 × 5 = 30 kare.
const y = TOP + row * (SIZE + GAP) → her satır bir öncekinden 62 piksel aşağıda.
İçteki satırlar iki boşluk daha içeri alındı: hangi döngünün içinde olduklarını gösterir.

Sıra sende

const SIZE = 56 ... satırının üstüne const TRIES = 6 yaz.
draw içindeki döngünün üstüne for (let row = 0; row < TRIES; row++) {, altına kapanan } yaz; içteki satırları iki boşluk içeri al.
const y = TOP satırını const y = TOP + row * (SIZE + GAP) yap.
Çalıştır: 6 satır × 5 kare görmelisin.

Beceriler: Döngüler

← Beş karelik bir satır Tekrar tekrar çiz →

Altı satır

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar