JavaScriptで都市ゲーム
都市ゲームというゲームがあります。そのルールは次の通りです:二人以上のプレイヤーが参加し、各参加者は順番に、前の参加者が言った都市名の最後の文字で始まる、実際に存在するいずれかの国の都市名を言います。
このゲームを実装してみましょう。一台のコンピューターで二人のプレイヤーが対戦するとします。順番に交代します。都市名は一つの入力欄に入力され、Enterキーを押して送信されます。ブラウザは既に出された都市を記憶し、そのような都市を受け付けないようにする必要があります。
まず、プロジェクトのシンプルなレイアウトを作成しましょう。都市入力用の入力欄と、ブラウザ側からのメッセージ表示用のdivを用意します:
<input id="field">
<div id="message"></div>
これらの要素をすぐに変数に格納できます:
let field = document.querySelector('#field');
let message = document.querySelector('#message');
では、このプロジェクトの実装ステップについて話しましょう。これまでのレッスンでは、私がプロジェクトをステージに分けて、皆さんの作業を容易にしてきました。このプロジェクトでは、まず皆さん自身でこれを試してみてほしいと思います。
このプロジェクトを実装するために解決する必要のあるサブタスクを、文章でリストアップしてください。