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

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

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

render();

// 1. Seperate the function below and call it attackPhase
// 2. Assign the attackPhase fuction to the onclick method before
document.getElementById("attack-button").onclick = function() {
    
    const heroAttackScore = hero.rollDice(); 
    const monsterAttackScore = monster.rollDice();

    hero.takeDamage(monsterAttackScore);
    monster.takeDamage(heroAttackScore);
    
    render();
}