了解しました。以下に、指示通りの要件を満たすHTMLファイルの実装例を示します。
マージゲーム
上記のコードは、以下のようなマージゲームを実装しています。
- 4つのボックスが表示されます(絵文字の青い丸マーク)。
- ボックスをクリックすると、そのボックスと隣り合うボックスが結合され、内容が結合されたボックスになります。
- ボックスの結合は、クリックしたボックスの左隣か右隣のボックスとのみ行うことができます。
- 例えば、左から3番目のボックスをクリックすると、3番目のボックスと2番目のボックスが結合され、3番目のボックスには「
🔵🔵」が表示され、2番目のボックスは削除されます。
- なお、この実装ではボックスの結合のみが行われます。新たなボックスが自動的に生成されるわけではありません。
実際に上記のコードをHTMLファイルに保存し、ブラウザで開くとマージゲームが遊べるようになります。