Workshop › Blackjack › Step 10 of 22

Hit: one more card

What we are doing

On your turn you may ask for another card: that is a "hit". phase remembers whose turn it is. Every key goes through a small table to a button name, and press does what the button says. H is Hit; the other buttons come in the next steps.

```js
let phase // 'player' (your turn), 'dealer' (the dealer draws) or 'done' (the round is over)

  phase = 'player'
}

function hit() {
  if (phase !== 'player') return
  player.push(nextCard())
}

function press(button) {
  if (button === 'Hit') hit()
}

document.addEventListener('keydown', (event) => {
  const keys = { h: 'Hit', s: 'Stand', d: 'Double', n: 'Deal', ' ': 'Deal' }
  const button = keys[event.key.toLowerCase()]
  if (!button) return
  event.preventDefault()
  press(button)
})
```

What it means

A deal starts your turn: phase = 'player'.
hit does nothing when it is not your turn.
toLowerCase makes H and h the same; keys not in the table are ignored.
Later the on-screen buttons will call the same press, so keys and buttons can't disagree.

Your turn

Under dealer, write phase with its comment.
At the end of deal, start your turn; under deal, write hit.
Above drawCard, write press and the key listener.

Skills: Keyboard and mouse input, Game states

← Aces: 11 or 1 Stand →

All steps