import characterData from "./data";
import Character from "./Character";

let monstersArray = ["spider", "scorpion", "dragon"];

function getNextMonster() {
    return new Character(characterData.spider);
}

function render() {
    document.getElementById(hero.elementId).innerHTML = hero.getTemplate();
    document.getElementById(monster.elementId).innerHTML = monster.getTemplate(); 
}

function attackPhase() {
    
    const heroAttackScore = hero.rollDice(); 
    const monsterAttackScore = monster.rollDice();

    hero.takeDamage(monsterAttackScore);
    monster.takeDamage(heroAttackScore);
    
    if(hero.dead) {
        console.log("Our hero is dead");
    }
    if(monster.dead) {
        console.log("The monster is dead");
        monster = getNextMonster();
    }
    
    render();
}


const hero = new Character(characterData.hero);
let monster = getNextMonster();

render();

document.getElementById("attack-button").onclick = attackPhase;