window.addEventListener('DOMContentLoaded', () => {




    console.log = (...e) => {

      for (var i = 0; i < e.length; i++) {
      log.innerHTML += (typeof(e[i]) == "object" ? JSON.stringify(e[i]) : e[i]) + "<br/>";
      
      }
      };



          // Check if both Pikachu and Charmander have HP greater than 0
          var hero = [
            pikachu = {
                hp: [190, 190], // HP(血量): 現在剩餘/總量
                mp: [200, 200], // MP(法力): 現在剩餘/總量
                def: 20, // 防禦力，決定被攻擊後會損多少血
                atk: 30,
                Moves: [ // 角色會的招式
                    {
                        MoveName: "直接攻擊",
                        Cost: 10 // 招式所消耗法力
                    },
                    {
                        MoveName: "爆裂火球",
                        Cost: 100
                    }
                ]
            },
            light = {
                hp: [300, 300],
                mp: [130, 130],
                def: 20,
                atk: 10,
                Moves: [
                    {
                        MoveName: "御劍術",
                        Cost: 10
                    }
                ]
            }
        ];
        
        
        

var mo_me =  0;

 var mo_he = 1;

 var playerHP = hero[mo_me].hp[1];

 var currentHP = hero[mo_he].hp[1];

 var theusmp =  hero[mo_me].mp[1];

 var thehemp = hero[mo_he].mp[1];



var ushper= document.getElementById("playerHP");

function ushpnow(){
    ushper.textContent = playerHP;
}

var currentHPElement = document.getElementById("currentHP");

function updateHPDisplay() {
currentHPElement.textContent = currentHP;

}


var usmper= document.getElementById("usmpz");

function usmpnow(){
    usmper.textContent = theusmp;
}

var hemper= document.getElementById("hempz");

function hempnow(){
    hemper.textContent = thehemp;
}

const damageButton = document.getElementById("damageButton");



var heelement = document.getElementById("hedata");

// 宣告多個非字串參數
var hehp = hero[mo_he].hp[0];
var hemp=  hero[mo_he].mp[0];
var hedef =  hero[mo_he].def;
var heatk =  hero[mo_he].atk;

// 使用拼接文本將多個值並排顯示在元素中
heelement.textContent = "血量：（"+hehp + " ）魔力:（" + hemp + "）防禦力：（"+hedef +"）攻擊力：（" + heatk+"）";



var uselement = document.getElementById("usdata");

// 宣告多個非字串參數
var ushp = hero[mo_me].hp[0];
var usmp=  hero[mo_me].mp[0];
var usdef =  hero[mo_me].def;
var usatk =  hero[mo_me].atk;

// 使用拼接文本將多個值並排顯示在元素中
uselement.textContent = "血量：（"+ushp + " ）魔力:（" + usmp + "）防禦力：（"+usdef +"）攻擊力：（" + usatk+"）";


document.getElementById("damageButton").addEventListener("click", function(){

takeDamage();
enemyAttack();
turn();


      function takeDamage() {

        if (currentHP > 0 && theusmp >= 100) {
            currentHP -= hero[mo_me].atk; 
            theusmp -= 10;
            console.log("<hr>敵方受到"+hero[mo_me].atk+"傷害，血量剩餘"+currentHP)
          
            if (theusmp < 10){
                damageButton.disabled=true;
                  }
            
            if (currentHP <= 0) {
                currentHP = 0;
                console.log("<hr>我方獲勝")
                damageButton.disabled = true; // 停用攻擊按鈕
            }
            updateHPDisplay();
            usmpnow();

        }
      }

      function enemyAttack() {
       if (playerHP > 0 && thehemp >= 10){
        playerHP -= hero[mo_he].atk;
        thehemp -= 10;
        console.log("我方受到"+hero[mo_he].atk+"傷害，血量剩餘"+playerHP)

        if (thehemp < 10){
            damageButton.disabled=true;
              }

        if (playerHP <= 0) {
            playerHP = 0;
         console.log("<hr>敵方獲勝")
         damageButton.disabled = true;
        }

        hempnow()
        ushpnow();
    }
}


function turn() {
    if (theusmp <= 0) {
        theusmp += 30;
    } else if (theusmp > hero[mo_me].mp[0]) {
        theusmp = hero[mo_me].mp[0];
    }

    if (thehemp <= 0) {
       thehemp += 30;
    } else if (thehemp > hero[mo_he].mp[0]) {
        thehemp = hero[mo_he].mp[0];
    }
    hempnow()
    usmpnow()
}


})});