Atölye › Sudoku › 26/28. adım

Rakam tuş takımı

Ne yapıyoruz

Telefonda ekranda rakam tuşu yok. Tahtanın altına on düğmelik bir sıra koyalım: 1'den 9'a ve bir silme düğmesi. Bu adımda çiziyoruz; tıklamaları sonraki adımda bağlıyoruz.

```js
const PAD_Y = TOP + 9 * SIZE + 16 // the row of number buttons for touch screens
const PAD_W = (9 * SIZE) / 10
const PAD_H = 44

  for (let i = 0; i < 10; i++) {
    const x = LEFT + i * PAD_W
    ctx.fillStyle = '#e0e7ff'
    ctx.fillRect(x + 2, PAD_Y, PAD_W - 4, PAD_H)
    ctx.fillStyle = '#3730a3'
    ctx.font = 'bold 22px sans-serif'
    ctx.textAlign = 'center'
    ctx.fillText(i === 9 ? '⌫' : String(i + 1), x + PAD_W / 2, PAD_Y + 30)
  }
```

Ne işe yarıyor

PAD_Y → tahtanın 16 piksel altı. PAD_W → tahtanın genişliği 10'a bölünür: her düğmenin genişliği.
x + 2, PAD_W - 4 → düğmelerin arasında 2'şer piksel boşluk kalsın.
i === 9 ? '⌫' : String(i + 1) → ilk dokuzu 1–9, sonuncusu silme işareti ⌫.

Sıra sende

const TOP = 56 satırının altına üç PAD_ sabitini yaz.
draw içinde çizgi döngüsü ile süre satırlarının arasına düğme döngüsünü yaz (boş satırlarla).
Çalıştır: tahtanın altında bir düğme sırası görmelisin.

Beceriler: Canvas üzerine çizim

← Yeni bulmaca için N Tuş takımına dokun →

Tüm adımlar