Atölye › Dört Bağla › 37/38. adım

Skoru göster

Ne yapıyoruz

Skoru tuvalin en altına yazalım: You 2 - 1 Computer (Sen 2 - 1 Bilgisayar).

```js
ctx.fillText('You ' + wins[1] + ' - ' + wins[2] + ' Computer', canvas.width / 2, canvas.height - 12)
```

Ne işe yarıyor

• 'You ' + wins[1] + ' - ' + wins[2] + ' Computer' → + yazıları ve sayıları yan yana yapıştırır: 'You 2 - 1 Computer'. Boşluklar tırnakların içinde; unutursan kelimeler birbirine yapışır.
• canvas.height - 12 → alttan 12 piksel yukarıda. Yazı ayarları (beyaz, kalın 18px, ortalı) hemen üstteki satırlardan geliyor.

Sıra sende

draw içinde ctx.textAlign = 'center' satırının altına skor satırını yaz. Çalıştır: altta skor görünmeli. Bir oyun kazan, sayfayı yenile: skor durmalı. Oyun tamam!

Beceriler: Canvas üzerine çizim

← Galibiyetleri say Kendin yap: kaybeden başlasın →

Tüm adımlar

1. Koyu bir arka plan
2. Çizen bir fonksiyon
3. Mavi tahta
4. Bir delik
5. Bütün bir satır
6. 42 deliğin hepsi
7. Bellekteki tahta
8. Renkli diskler
9. Her karede çiz
10. Disk nereye düşer?
11. Bir sütuna oyna
12. Sırayla
13. Tıklayarak oyna
14. Sıradaki disk
15. Sıra kimde?
16. Klavyeyle oynamak
17. 1'den 7'ye tuşlar
18. Yoldaki disk
19. Yer çekimi
20. Düşüşü izle
21. Tahtanın içinde mi?
22. Bir çizgi boyunca yürümek
23. Dört yan yana mı?
24. Kazanan var
25. Dördünü halkala
26. Kim kazandı?
27. Berabere
28. Yeniden oyna
29. Hamleyi dene, geri al
30. Kazan ya da engelle
31. Oyuncuya yardım etme
32. Ortayı tercih et
33. Sıra bilgisayarda
34. Sadece senin sıranda
35. Sen ve bilgisayar
36. Galibiyetleri say
37. Skoru göster
38. Kendin yap: kaybeden başlasın