概要：プレイヤーは1人のキャラクターを操作して、敵とバトルを繰り広げるゲームです。選択肢によって攻撃方法を変えたり、敵の攻撃を回避したりしながら、敵を撃破しましょう。

HTMLファイル：




  



  
ドラクエ風バトルゲーム
  

    
敵が現れた！
    
自分のHP： 100
    
敵のHP： 50
    攻撃する
    回避する
  





JavaScriptファイル：

const player = {name: "勇者", hp: 100, attack: 20, dodge: 50};
const enemy = {name: "スライム", hp: 50, attack: 10, dodge: 30};

const message = document.getElementById("message");
const playerHP = document.getElementById("player-hp");
const enemyHP = document.getElementById("enemy-hp");

function attack() {
  const hit = Math.floor(Math.random() * 100);
  if(hit < player.attack) {
    message.innerHTML = "あなたの攻撃！ 敵に20のダメージ！";
    enemy.hp -= 20;
    enemyHP.innerHTML = enemy.hp;
    if(enemy.hp <= 0) {
      message.innerHTML = "敵を倒した！　おめでとう！";
      document.getElementById("attack").disabled = true;
      document.getElementById("dodge").disabled = true;
    }
  } else {
    message.innerHTML = "あなたの攻撃！ ミス！";
  }
  enemyAttack();
}

function dodge() {
  const dodge = Math.floor(Math.random() * 100);
  if(dodge < player.dodge) {
    message.innerHTML = "あなたは敵の攻撃をかわした！";
  } else {
    message.innerHTML = "あなたは敵の攻撃をかわせなかった！ 敵の攻撃！　10のダメージ！";
    player.hp -= 10;
    playerHP.innerHTML = player.hp;
    if(player.hp <= 0) {
      message.innerHTML = "あなたは倒されてしまった…";
      document.getElementById("attack").disabled = true;
      document.getElementById("dodge").disabled = true;
    }
  }
}

function enemyAttack() {
  const hit = Math.floor(Math.random() * 100);
  if(hit < enemy.attack) {
    message.innerHTML = `敵の攻撃！ ${player.name}に10のダメージ！`;
    player.hp -= 10;
    playerHP.innerHTML = player.hp;
    if(player.hp <= 0) {
      message.innerHTML = "あなたは倒されてしまった…";
      document.getElementById("attack").disabled = true;
      document.getElementById("dodge").disabled = true;
    }
  } else {
    message.innerHTML = "敵の攻撃！ ミス！";
  }
}

document.getElementById("attack").addEventListener("click", attack);
document.getElementById("dodge").addEventListener("click", dodge);

スマホでプレイする場合、ボタンを大きく配置するなど、画面サイズに合った配慮が必要です。また、絵文字を多用することで、より楽しいゲームにすることもできます。