では、以下に示すプログラムは、1枚のHTMLファイル内に実装され、JavaScriptも含みます。スマホでの操作を前提とし、絵文字も使用しています。これは、簡単な食べ物ゲームです。プレイヤーは熱いタバスコを食べる鶏を操作して、できるだけ多くのタバスコを食べることが目的です。
このプログラムでは、body要素の中に、プレイヤーの操作で移動する鶏の要素(div要素)と、動き回るタバスコの要素(div要素)を作成し、それぞれに絵文字を割り当て、画面上に表示しています。また、スコア表示のために、body要素の背景色をスコアに応じて変更するようにしています。
プレイヤーはキーボードの上下左右キーで鶏を操作し、鶏がタバスコに当たるとスコアが増え、タバスコが別の位置にランダムに移動します。移動範囲は画面内に制限されており、スコアに応じて背景色が変化します。
このプログラムを実行すると、ゲームが開始され、スマホで操作することができます。鶏がタバスコに当たるたびにスコアが増え、背景色が変わるので、できるだけ多くのタバスコを食べましょう。