Jogo de Cidades em JavaScript

Existe um jogo de cidades. Suas regras são: no jogo de cidades, dois ou mais jogadores participam, no qual cada participante, por sua vez, nomeia uma cidade real de qualquer país, cujo nome começa com a letra com a qual termina o nome dado pelo participante anterior.

Vamos implementar este jogo. Suponhamos que duas pessoas joguem no mesmo computador. Elas jogam alternadamente. As cidades são inseridas em um único campo de entrada e enviadas ao pressionar a tecla Enter. O navegador deve lembrar as cidades que já foram usadas e não aceitar tais cidades.

Vamos fazer imediatamente uma estrutura simples para o nosso projeto. Teremos um campo de entrada para inserir as cidades e uma div para exibir mensagens do navegador:

html<input id="field">
<div id="message"></div>

Podemos obter imediatamente esses elementos em variáveis:

javascriptlet field   = document.querySelector('#field');
let message = document.querySelector('#message');

Agora vamos falar sobre as etapas de implementação deste projeto. Nas lições anteriores, eu mesmo dividia o projeto em etapas, facilitando o seu trabalho. Neste projeto, eu gostaria que você primeiro tentasse fazer isso sozinho.