JavaScript로 하는 도시 이름 게임

도시 이름 게임이 있습니다. 규칙은 다음과 같습니다: 두 명 이상의 사람이 순서대로 돌아가며 플레이하며, 각 참가자는 자신의 차례에 이전 참가자가 말한 도시 이름의 마지막 글자로 시작하는 실제 존재하는 어떤 국가의 도시 이름을 말합니다.

이 게임을 구현해 보겠습니다. 한 컴퓨터에서 두 사람이 플레이한다고 가정합니다. 순서대로 차례를 가집니다. 도시 이름은 하나의 입력창에 입력되고 Enter 키를 눌러 제출됩니다. 브라우저는 이미 나온 도시 이름을 기억하고, 그런 도시는 허용하지 않아야 합니다.

우리 프로젝트의 간단한 레이아웃을 바로 만들어 보겠습니다. 도시를 입력할 입력창과 브라우저 측의 메시지를 출력할 div가 있을 것입니다:

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

바로 이 요소들을 변수로 가져올 수 있습니다:

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

이제 이 프로젝트 구현의 단계에 대해 이야기해 보겠습니다. 이전 강의들에서는 제가 프로젝트를 단계로 나누어 여러분의 작업을 도왔습니다. 이번 프로젝트에서는 먼저 여러분 스스로 해보시길 바랍니다.

이 프로젝트를 구현하기 위해 해결해야 할 하위 작업들을 텍스트로 작성해 보세요.