function updateMonsterStats() { // Get the selected monster from the dropdown var selectedMonster = document.getElementById("monsterDropdown").value; // Make an API request to get the stats for the selected monster fetch(`/api/monster/stats?monster=${selectedMonster}`) .then(response => response.json()) .then(data => { // Update the HTML content with the monster stats var statsContainer = document.getElementById("monsterStatsContainer"); statsContainer.innerHTML = `

Stats

Max Level:

${data["Max Level"]}

EXP:

${data.Experience}

HP:

${data["Health Points"]}

ATK:

${data.Attack}

MP:

${data["Mana Points"]}

DEF:

${data.Defense}

AGL:

${data.Agility}

INT:

${data.Intelligence}

`; }) .catch(error => { console.error("Error fetching monster stats:", error); }); }