Atölye › Flappy tarzı kuş › 9/30. adım
Şimdi kanadı oyuncu çırpacak: Boşluk tuşuyla, Yukarı ok ile ya da oyuna tıklayarak / dokunarak (telefonda).
Tarayıcıya "şu olunca bana haber ver" deriz. Buna olay dinlemek (event listener) denir: kapı zili gibi, çalınca ne
yapacağını önceden söylersin. Çırpma işi tek bir fonksiyonda (flap) duruyor; her giriş onu çağırıyor. Bir davranış,
birçok tetikleyici.
```js
document.addEventListener('keydown', (event) => {
if (event.key === ' ' || event.key === 'ArrowUp') flap()
})
canvas.addEventListener('pointerdown', flap)
```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 (ok fonksiyonu); tarayıcı ona basılan
tuşun bilgilerini event adıyla verir.event.key → basılan tuşun adı. Boşluk için ' ' (tırnak içinde tek bir boşluk), yukarı ok için 'ArrowUp'.if (...) flap() → eğer koşul doğruysa flap()'i çalıştır. === "tam olarak eşit mi?" diye sorar (tek =
"içine koy" demekti).|| → "veya": iki koşuldan biri doğruysa yeter.canvas.addEventListener('pointerdown', flap) → canvas'a fareyle tıklanınca ya da parmakla dokununca flap'i
çalıştır. flap burada parantezsiz: "şimdi çalıştır" değil, "olunca sen çalıştır".flap fonksiyonunun kapanan } işaretinin altına bir boş satır bırak ve dört satırı yaz.Beceriler: Klavye ve fare girdisi
← Kanat çırpış İlk çırpışı bekle →