25 lines
1.3 KiB
JavaScript
25 lines
1.3 KiB
JavaScript
|
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
|
||
|
|
// You can use fetch or any other method to make the API request
|
||
|
|
// Replace the API endpoint with the actual endpoint of your Flask app
|
||
|
|
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 = `<h2>${data.name} Stats</h2>
|
||
|
|
<p>Agility: ${data.Agility}</p>
|
||
|
|
<p>Attack: ${data.Attack}</p>
|
||
|
|
<p>Defense: ${data.Defense}</p>
|
||
|
|
<p>Experience: ${data.Experience}</p>
|
||
|
|
<p>Health Points: ${data["Health Points"]}</p>
|
||
|
|
<p>Intelligence: ${data.Intelligence}</p>
|
||
|
|
<p>Max Level: ${data["Max Level"]}</p>`;
|
||
|
|
})
|
||
|
|
.catch(error => {
|
||
|
|
console.error("Error fetching monster stats:", error);
|
||
|
|
});
|
||
|
|
}
|