Atölye › XOX › 18/33. adım

Üçü yan yana bul

Ne yapıyoruz

Şimdi 8 çizgiye sırayla bakıp kazanan bir çizgi var mı diye soran fonksiyonu yazıyoruz.

Bir çizgi ne zaman kazandırır? Üç kutusunda aynı işaret varsa ve o işaret boş değilse. ("Boş değil" kısmını unutursan, boş tahtada sekiz tane "hiçlik kazandı" çizgisi bulursun!) Ekranda yine bir şey değişmeyecek; kontroller fonksiyona farklı tahtalar verip deneyecek.

```js
function winningLine(cells) {
  return LINES.find(([a, b, c]) => cells[a] !== '' && cells[a] === cells[b] && cells[a] === cells[c])
}
```

Ne işe yarıyor

Sıra sende

  1. let player = 'X' satırının altına bir boş satır bırak.
  2. winningLine fonksiyonunu yaz. function play(index)'in üstünde kalsın, arada bir boş satır olsun.
  3. Uzun satırı dikkatle yaz: iki tane && ve üç karşılaştırma var. Çalıştır.

Beceriler: Diziler ve nesneler, Fonksiyonlar

Tüm adımlar

  1. Canvas'ı ve kalemi al
  2. Tahtayı boya
  3. İlk ızgara çizgisi
  4. Döngüyle tekrarla
  5. Izgarayı tamamla
  6. Liste olarak tahta
  7. Çizen bir fonksiyon
  8. Bir X yaz
  9. Kutu numarasından konuma
  10. Tahtada ne varsa çiz
  11. Her işarete bir renk
  12. Hamle yap
  13. Dolu kutuya oynanmaz
  14. Tıklamayı dinle
  15. Hangi kutuya tıklandı?
  16. Her ekran boyunda tıklama
  17. Sekiz kazanan çizgi
  18. Üçü yan yana bul
  19. Kazanç, beraberlik ya da devam
  20. Tur biter
  21. Kazananı göster
  22. Kazanan çizgiyi parlat
  23. Yeni tur fonksiyonu
  24. Tekrar oynamak için tıkla
  25. Kutu seçen bir bilgisayar
  26. Bilgisayar cevap verir
  27. Birinci kural: ortayı al
  28. İkinci kural: kazanabiliyorsan kazan
  29. Üçüncü kural: rakibi engelle
  30. Biten oyuna puan ver
  31. İleriye bak: minimax
  32. Hiç kaybetmeyen bir bilgisayar
  33. Kendin yap: skoru tut