ゲームの概要：
プレイヤーは最初に数字を1つ選び、それを育てて相手の数字を倒すゲームです。数字を育てるには、ボタンをタップしてエサを与える必要があります。数字は与えたエサに応じて成長し、攻撃力も上昇します。逆に相手の数字に攻撃されると自分の数字が減ってしまいます。相手の数字を先に0にすることが目的です。

HTMLファイルの実装例：






	
	
	


	
数字バトル
	
あなたの数字：1
	エサをあげる
	
相手の数字：10
	攻撃する





JavaScriptの実装例：

let playerNum = document.getElementById("playerNum");
let enemyNum = document.getElementById("enemyNum");
let feedButton = document.getElementById("feedButton");
let attackButton = document.getElementById("attackButton");

let playerCounter = 1;
let enemyCounter = 10;

feedButton.onclick = function () {
  playerCounter += Math.floor(Math.random() * 5) + 1;
  playerNum.innerHTML = playerCounter;
};

attackButton.onclick = function () {
  enemyCounter -= playerCounter;
  enemyNum.innerHTML = enemyCounter;
  if (enemyCounter <= 0) {
    alertHisa("勝利！");
  } else {
    playerCounter -= Math.floor(Math.random() * enemyCounter) + 1;
    playerNum.innerHTML = playerCounter;
    if (playerCounter <= 0) {
      alertHisa("敗北...");
    }
  }
};

スマホで遊べるように、ボタンを大きめに作り、絵文字を多く使いました。また、勝敗に応じてアラートが表示されるようにしています。