Workshop › Asteroids › Step 5 of 41
The arrow keys will steer the ship. We keep the keys held down in an object keys: true while a key is down, false
after it is released. Every frame the game can then ask "is left held?".
```js
const keys = {}
document.addEventListener('keydown', (event) => {
keys[event.key] = true
})
document.addEventListener('keyup', (event) => {
keys[event.key] = false
})
```addEventListener('keydown', ...) runs the arrow function every time a key is pressed; event.key is its name,
like 'ArrowLeft'.keys[event.key] = true writes into the field with that name; keyup writes false.let ship write const keys = {}.function drawShip() { write the two listeners, followed by an empty line.Skills: Keyboard and mouse input