-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
56 lines (56 loc) · 2.17 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
async function fetchRank() {
const usernameTag = document.getElementById("usernameTag").value;
if (!usernameTag) {
alert("Please enter a username#tag.");
return;
}
try {
const response = await fetch("get_rank.php", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
usernameTag,
}),
});
const data = await response.json();
const rankInfoDiv = document.getElementById("rankInfo");
rankInfoDiv.innerHTML = "";
if (data.current_rank && data.current_rank_image) {
const currentRankTemplate = document
.getElementById("currentRankTemplate")
.cloneNode(true);
currentRankTemplate.classList.remove("d-none");
currentRankTemplate.querySelector(".card-img-top").src =
data.current_rank_image;
currentRankTemplate.querySelector(".card-text").textContent =
data.current_rank;
currentRankTemplate.querySelector(".card-elo").textContent =
"ELO/MMR: " + data.current_elo;
rankInfoDiv.appendChild(currentRankTemplate);
} else {
rankInfoDiv.innerHTML += `<p class="col-12 text-center text-danger">Error: Rank data not found in API response</p>`;
}
if (data.highest_rank && data.highest_rank_image) {
const highestRankTemplate = document
.getElementById("highestRankTemplate")
.cloneNode(true);
highestRankTemplate.classList.remove("d-none");
highestRankTemplate.querySelector(".card-img-top").src =
data.highest_rank_image;
highestRankTemplate.querySelector(".card-text").textContent =
data.highest_rank;
highestRankTemplate.querySelector(".card-season").textContent =
"Season: " + data.highest_rank_season;
rankInfoDiv.appendChild(highestRankTemplate);
} else {
rankInfoDiv.innerHTML += `<p class="col-12 text-center text-danger">Error: Highest rank data not found in API response</p>`;
}
} catch (error) {
console.error("Error fetching data:", error);
document.getElementById(
"rankInfo"
).innerHTML = `<p class="col-12 text-center text-danger">Error fetching data. Please try again later.</p>`;
}
}