Atölye › Adam Asmaca › 30/36. adım

En iyi seriyi hatırla

Ne yapıyoruz

Rekoru kırmak oyunun tadıdır. En iyi seriyi (best) tutacağız ve sayfa kapansa bile unutulmayacak.

Bunun için tarayıcının küçük not defterini kullanırız: localStorage. Oraya bir ad ile bir yazı kaydedersin; sayfayı kapatıp açsan bile yerinde durur.

```js
let best = Number(localStorage.getItem('hangman-best')) || 0

    streak += 1
    if (streak > best) {
      best = streak
      localStorage.setItem('hangman-best', best)
    }

  ctx.fillText('Streak ' + streak + '  Best ' + best, 260, 70)
```

Ne işe yarıyor

• localStorage.getItem('hangman-best') → not defterinden hangman-best adlı kaydı okur. İlk seferde kayıt yoktur: null (boş) gelir.
• Number(...) → kayıtlar hep yazıdır ('3'); Number onu sayıya (3) çevirir.
• || 0 → soldaki bir şey vermezse (kayıt yoksa) 0 kullan.
• if (streak > best) → seri rekoru geçtiyse (> "büyük"):
  • best = streak → yeni rekor.
  • localStorage.setItem('hangman-best', best) → deftere yaz.
• ' Best ' → başında iki boşluk: seri ile rekor arasında biraz nefes payı.

Sıra sende

1. let streak = 0 satırının altına best satırını yaz.
2. guess içinde streak += 1 satırının altına if (streak > best) { ... } bloğunu yaz.
3. draw içindeki Streak satırını 'Streak ' + streak + ' Best ' + best olacak şekilde uzat.
4. Çalıştır, bir kelime bul, sonra sayfayı yenile: Best 1 durmalı.

Beceriler: Oyun durumları

← Galibiyet serisi Her tuş nereye →

Tüm adımlar

1. Gizli kelimelerin listesi
2. Tuval ve kalem
3. Kâğıdı boya
4. Çizen bir fonksiyon
5. Rastgele bir kelime seç
6. Kelimeyi yaz
7. Boşluklarla gizle
8. Tahminleri hatırla
9. Tekrar tekrar çiz
10. Bir tahmin
11. Klavyeyle tahmin et
12. Sadece harfler sayılır
13. Iskaları say
14. Aynı harf iki kez bedava
15. En fazla altı ıska
16. Iskaları göster
17. Yanlış harfleri listele
18. Çizgi çiz
19. Darağacı
20. İlk ıska: baş
21. Gövde, kollar ve bacaklar
22. Parçalar bir listede
23. Kaybetmek
24. Kazanmak
25. Kaçırdığın kelimeyi göster
26. Bitiş mesajı
27. Yeniden oyna
28. Aynı kelime art arda gelmesin
29. Galibiyet serisi
30. En iyi seriyi hatırla
31. Her tuş nereye
32. Tuşları çiz
33. Son satırı ortala
34. Hatırlayan tuşlar
35. Tuşa dokun
36. Kendin yap: ipucu düğmesi