This commit is contained in:
remi 2022-05-06 16:04:39 +02:00
parent 0ce613c8dc
commit 2faca4b4bd

27
main.js
View File

@ -58,6 +58,10 @@ let quirkBadges = {
"color": "#7777dd",
"type": "Negation",
"bending": "fa"
},
"unknown-tag": {
"name": "Unknown tag",
"color": "#393939",
}
}
@ -106,15 +110,20 @@ function showPopup(ogword, word, quirks = "") {
qyuirks.forEach(quirk => {
let badge = document.createElement("div");
badge.classList.add("badge");
badge.style.backgroundColor = quirkBadges[quirk]["color"];
badge.innerText = quirkBadges[quirk]["name"];
badge.onclick = () => {
p.querySelector("h1").innerText = quirkBadges[quirk]["name"];
p.querySelector("#popup-meaning").innerText = quirkBadges[quirk]["description"];
p.querySelector("#popup-type").innerText = quirkBadges[quirk]["type"];
p.querySelector("#popup-quirks-container").style.display = "none";
p.querySelector("#popup-e").innerText = "bending: ";
p.querySelector("#popup-heo").innerText = quirkBadges[quirk]["bending"];
try {
badge.style.backgroundColor = quirkBadges[quirk]["color"];
badge.innerText = quirkBadges[quirk]["name"];
badge.onclick = () => {
p.querySelector("h1").innerText = quirkBadges[quirk]["name"];
p.querySelector("#popup-meaning").innerText = quirkBadges[quirk]["description"];
p.querySelector("#popup-type").innerText = quirkBadges[quirk]["type"];
p.querySelector("#popup-quirks-container").style.display = "none";
p.querySelector("#popup-e").innerText = "bending: ";
p.querySelector("#popup-heo").innerText = quirkBadges[quirk]["bending"];
}
} catch (e) {
badge.style.backgroundColor = quirkBadges["unknown-tag"]["color"];
badge.innerText = quirkBadges["unknown-tag"]["name"];
}
p.querySelector("#popup-quirks").appendChild(badge);
});