No edit summary |
No edit summary |
||
| Line 16: | Line 16: | ||
const rarityCells = document.querySelectorAll(".Rarity") | const rarityCells = document.querySelectorAll(".Rarity") | ||
rarityCells.forEach(cell => { | |||
if (cell.textContent.includes("Rare")) { | if (cell.textContent.includes("Rare")) { | ||
cell.classList.add("Rare") | cell.classList.add("Rare") | ||
| Line 24: | Line 24: | ||
cell.classList.add("Transcendent") | cell.classList.add("Transcendent") | ||
} | } | ||
} | }) | ||
} | } | ||
//adding rarity class based on string content for colored rarity display | //adding rarity class based on string content for colored rarity display | ||
Revision as of 11:42, 22 June 2024
/* Any JavaScript here will be loaded for all users on every page load. */
function loadGoogleFont(fontUrl) {
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = fontUrl;
document.getElementsByTagName('head')[0].appendChild(link);
}
function addRarityClass() {
/*const rarityColors = {
"Rare":"#955bff",
"Ultimate":"#ffbb4d",
"Transcendent":"#ff7c70"
}*/
const rarityCells = document.querySelectorAll(".Rarity")
rarityCells.forEach(cell => {
if (cell.textContent.includes("Rare")) {
cell.classList.add("Rare")
} else if (cell.textContent.includes("Ultimate")) {
cell.classList.add("Ultimate")
} else if (cell.textContent.includes("Transcendent")) {
cell.classList.add("Transcendent")
}
})
}
//adding rarity class based on string content for colored rarity display
addRarityClass();
// Load the required Google Fonts
loadGoogleFont('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap');
loadGoogleFont('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');