Javascript/バトル

var myLife = document.getElementById("myLife");
var Life = 100;
myLife.innerHTML = Life;
//敵の種類
//ランダムで敵
var enemy01 = {
	name: "enemy01",
	life: 100,
	attack: 15,
	defence: 20
};
var enemy02 = {
	name: "enemy02",
	life: 75,
	attack: 40,
	defence: 10
};
var enemyArray = [enemy01, enemy02];
var enemy = document.getElementById("enemy");
enemySelect = enemyArray[Math.floor(Math.random()*enemyArray.length)];
enemy.innerHTML = enemySelect.name + "
" + "LIFE:" + enemySelect.life;


//たたかうでlife減
var fight = document.getElementById("fight");
fight.addEventListener("mousedown", function(){
	enemy.className = "shake";
	enemySelect.life -= 30 - enemySelect.defence;
	if(enemySelect.life <= 0){
		enemySelect.life = 0;
		enemy.className = "";
	};
	enemy.innerHTML = enemySelect.name + "
" + "LIFE:" + enemySelect.life;
	my.className = "";
});
fight.addEventListener("mouseup", function(){
	enemy.className = "";
	my.className = "shake";
	Life -= enemySelect.attack;
	if(Life <= 0){
		Life = 0;
		my.className = "";
	};
	myLife.innerHTML = Life;
});

//まほうで「こうげき」「かいふく」
  $("#magic").on({
    mouseover: function(){
      $("#magicSelect").show();
    },
    mouseout: function(){
      $("#magicSelect").hide();
    }
  });
  $("#magicSelect").on({
    mouseover: function(){
      $(this).show();
    },
    mouseout: function(){
      $(this).hide();
    }
  });
var magicAttack = document.getElementById("magicAttack");
var magicRecovery = document.getElementById("magicRecovery");
magicAttack.addEventListener("mousedown", function(){
	enemySelect.life -= 40 - enemySelect.defence;
	enemy.className = "kaiten";
	if(enemySelect.life <= 0){
		enemySelect.life = 0;
		enemy.className = "";
	};
	enemy.innerHTML = enemySelect.name + "
" + "LIFE:" + enemySelect.life;
	my.className = "";
});
magicAttack.addEventListener("mouseup", function(){
	enemy.className = "";
	my.className = "shake";
	Life -= enemySelect.attack;
	if(Life <= 0){
		Life = 0;
		my.className = "";
	};
	myLife.innerHTML = Life;
});
magicRecovery.addEventListener("mousedown", function(){
	Life += 10;
	my.className = "kaiten";
	myLife.innerHTML = Life;
});
magicRecovery.addEventListener("mouseup", function(){
	my.className = "";
});