Show ranked WR on UniteAPI player page
Per
// ==UserScript==
// @name UniteAPI Ranked WR Injector
// @namespace https://yeehoiimeenoiiii.com
// @license MIT
// @version 0.3
// @description Show ranked WR on UniteAPI player page
// @match https://uniteapi.dev/p/*
// @run-at document-idle
// @grant none
// ==/UserScript==
function myFunction() {setTimeout(() => {
let statsBox = document.querySelector(".sc-504963e2-2.btGQnE");
let statsBoxContent = statsBox.querySelectorAll("div");
for (let i = 0; i < statsBoxContent.length; i++) {
console.log(`${i}: ${statsBoxContent[i].innerText}`);
}
console.log(statsBoxContent[3])
let playerName = document.querySelector(".sc-6d6ea15e-1.gpvunk").innerText;
let playerStats = document.querySelectorAll(".sc-6d6ea15e-1.sc-10fb34f9-1.SarYu.dzkbmM");
for (let i = 0; i < playerStats.length; i++) {
console.log(`${i}: ${playerStats[i].innerText}`);
}
let totalBattles = parseFloat(playerStats[2].innerText)
let numOfWins = parseFloat(playerStats[3].innerText)
let rankedWr = numOfWins / totalBattles;
let finalWr = (rankedWr * 100).toFixed(2);
console.log(`${playerName}'s win rate is ${finalWr}%. They have ${totalBattles} ranked battles.`);
console.log(playerStats.length);
statsBoxContent[3].insertAdjacentHTML("afterend",`
<div class="sc-10fb34f9-0 flAlGE">
<p id="wrLabel" class="sc-6d6ea15e-3 hxGuyl">
Ranked Win Rate %
</p>
<p id="wrColor" style="color:yellow !important;" class="sc-6d6ea15e-1 sc-10fb34f9-1 SarYu dzkbmM">
${finalWr}%
</p>
</div>
`);
let varWrColor = document.getElementById("wrColor")
let varWrLabel = document.getElementById("wrLabel")
varWrColor.style.setProperty("color", "#cef33dff", "important");
varWrLabel.style.setProperty("color", "#cef33dff", "important");
varWrLabel.style.setProperty("font-weight", "bold");
}, 2000);
}
window.onload = myFunction;