Estudo de eventos KeyDown com Javascript

Olá a todos!

Hoje, durante mais um dia dedicado ao estudo de programação e lógica, decidi me aprofundar no tema de eventos com JavaScript. Para colocar em prática o que estava aprendendo, criei um pequeno jogo sem muitas regras: um carrinho movendo-se pelas ruas. Pode parecer algo bastante básico, mas como diz o velho ditado: "A prática leva à perfeição".

Configurei os eventos nas teclas ArrowDown, ArrowUp, ArrowLeft e ArrowRight para controlar o movimento do carrinho. Criei quatro eventos associados a quatro funções, de modo que o carrinho reaja imediatamente quando uma dessas teclas é pressionada. Além disso, fiz com que a imagem do carrinho se volte na direção em que o usuário pressiona a tecla.

Conforme mencionei, trata-se de um projeto simples, mas a prática constante é fundamental para construirmos uma base sólida na programação e lógica.

Vou deixar o link do deploy para quem quiser testar 😅

https://joguinho-estudo-eventos-javascript.vercel.app/