Atölye › Conway'in Hayat Oyunu › 11/32. adım

N ile sonraki nesil

Ne yapıyoruz

Kuralları iş başında görme zamanı! N tuşuna her basışta step() bir kez çalışacak ve döngü yeni nesli ekrana çizecek.

Tarayıcıya "bir tuşa basılınca bana haber ver" deriz. Buna olay dinlemek (event listener) denir: kapı zili gibi, çalınca ne yapılacağını önceden söylersin.

```js
document.addEventListener('keydown', (event) => {
  if (event.key.toLowerCase() === 'n') step()
})
```

Ne işe yarıyor

document.addEventListener('keydown', (event) => { ... }) → "sayfada bir tuşa basıldığında (keydown) süslü parantez içini çalıştır". (event) => { } adı olmayan kısa bir fonksiyon; event basılan tuşun bilgilerini taşır.
event.key → basılan tuş: 'n', ya da Caps Lock açıksa 'N'.
.toLowerCase() → yazıyı küçük harfe çevirir. Böylece n de N de aynı işi yapar.
if (... === 'n') step() → eğer basılan N ise bir nesil ilerle.

Sıra sende

function draw() { satırının üstüne dinleyiciyi yaz; altında bir boş satır kalsın.
Çalıştır, sonra oyuna bir kez tıkla (klavye oyuna gitsin) ve N'ye birkaç kez bas.

Beceriler: Klavye ve fare girdisi

← Tekrar tekrar çiz Nesilleri say →

N ile sonraki nesil

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar