Atölye › XOX › 4/33. adım
İkinci dikey çizgi x = 200'de, yani 2 * CELL'de duracak. Satırı kopyalayıp sayıyı değiştirebilirdik, ama
bilgisayarlar tekrarı sever: döngü (loop) "şunu birkaç kez yap" demektir.
Döngü, i adında bir sayaç tutar: önce 1, sonra 2. Her turda çizgiyi i * CELL noktasına çizer.
```js
for (let i = 1; i < 3; i++) {
ctx.fillRect(i * CELL - 2, 0, 4, canvas.height)
}
```for ( ... ) { ... } → "süslü parantezin içini tekrarla". { ile } arasındaki satır tekrarlanan kısım;
okunaklı olsun diye iki boşlukla içeri yazılır.let i = 1 → i adında bir sayaç, 1'den başlar. let de const gibi ad verir ama değeri sonradan
değişebilir. Böyle adlara değişken denir.i < 3 → "i 3'ten küçük olduğu sürece devam et". < küçüktür demek.i++ → her turdan sonra i'yi 1 artır.i * CELL - 2 → * çarpma: 1. turda 1 × 100 − 2 = 98, 2. turda 2 × 100 − 2 = 198.Yani döngü iki tur döner ve iki dikey çizgi çizer.
ctx.fillRect(CELL - 2, 0, 4, canvas.height) satırını sil.CELL - 2 değil i * CELL - 2 var.Beceriler: Döngüler
← İlk ızgara çizgisi Izgarayı tamamla →