Atölye › Köstebek Vurmaca › 13/18. adım

En iyi skor

Ne yapıyoruz

En iyi skoru tarayıcının küçük not defterinde, localStorage'da tutalım; sayfa kapansa da kalsın. Tur başlamadan önce ve bittikten sonra görünsün.

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

    if (score > best) {
      best = score
      localStorage.setItem('mole-best', best)
    }

    ctx.font = '16px sans-serif'
    ctx.fillText('Best: ' + best, canvas.width / 2, canvas.height / 2 + 28)

    ctx.fillText('Best: ' + best, canvas.width / 2, 252)
```

Ne işe yarıyor

localStorage.getItem('mole-best') → not defterinden mole-best kaydını oku; ilk seferde yoktur, null gelir.
Number(...) → kayıtlar hep yazıdır; sayıya çevir. || 0 → bir şey çıkmazsa 0.
if (score > best) → tur bittiğinde skor rekordan büyükse yeni rekor; setItem ile kaydet.
İki yeni fillText → rekoru hazır ekranında "Click to start"ın altında, bitiş ekranında skorun altında göster.

Sıra sende

let endsAt = 0 satırının altına best satırını yaz.
update içindeki süre bitti bloğunda, return'den önce rekor bloğunu yaz.
draw'da ready bloğuna "Click to start"ın altına iki satır; over bloğuna 'Click to play again' satırının üstüne Best satırını ekle.
Çalıştır.

Beceriler: Oyun durumları

← Süre bitti Turun neresindeyiz? →

Tüm adımlar