benchmark.min.js

let allTeamTypes;let score=document.querySelector("h2#score");let canvas=document.querySelector("canvas");let ctx=canvas.getContext("2d");function darkenColor(hex,lum){hex=String(hex).replace(/[^0-9a-f]/gi,"");if(hex.length<6){hex=hex[0]+hex[0]+hex[1]+hex[1]+hex[2]+hex[2]}lum=lum||0;let rgb="#",c,i;for(i=0;i<3;i++){c=parseInt(hex.substr(i*2,2),16);c=Math.round(Math.min(Math.max(0,c+c*lum),255)).toString(16);rgb+=("00"+c).substr(c.length)}return rgb}function getRank(scoreCalculation){score.style.animation="none";if(scoreCalculation<100){score.style.color="#4d4038";return"F"}else if(scoreCalculation<200){score.style.color="#384d38";return"E"}else if(scoreCalculation<300){score.style.color="#c01818";return"D"}else if(scoreCalculation<400){score.style.color="#c04a18";return"C"}else if(scoreCalculation<500){score.style.color="#c77717";return"B"}else{score.style.color="#ffea00";score.style.animation="bounce 1s infinite";return"A"}}async function calculateStats(){let avgStats={HP:0,Attack:0,Defense:0,"Special Attack":0,Speed:0};console.log(stored_deck.slice(0,6));await Promise.all(stored_deck.slice(0,6).map(async id=>{if(id!==0){let data=await getPokemonData(id);data["types"].forEach(pokeType=>{if(!allTeamTypes.includes(pokeType["type"]["name"])){allTeamTypes.push(pokeType["type"]["name"])}});Object.keys(avgStats).forEach((v,i)=>{avgStats[v]+=data["stats"][i]["base_stat"]})}}));let scoreCalculation=0;Object.values(avgStats).forEach(value=>scoreCalculation+=Math.floor(value/6));score.innerHTML=getRank(scoreCalculation);return avgStats}let DOMStats=document.querySelectorAll("table.stat td.stat");let DOMTypeContainer=document.querySelector("div.teamTypes");let DOMBenchmark=document.querySelector(".benchmark");let canvasPlacement=[[0,0],[1,0],[2,0],[0,1],[1,1],[2,1]];function refreshStats(index,value){let imgWidth=80;let imgHeight=80;let x=canvasPlacement[5-index][0]*100;let y=canvasPlacement[5-index][1]*100+25;console.log(index,value);if(value!==0){let image=allCell[index].querySelector(".img-container > img");image.onload=()=>{image.crossOrigin="Anonymous";ctx.drawImage(image,x,y)}}else{ctx.clearRect(x,y,imgWidth+20,imgHeight+20)}allTeamTypes=[];calculateStats().then(avgStats=>{DOMTypeContainer.innerHTML="";Object.keys(avgStats).forEach((statName,i)=>{DOMStats[i].innerHTML=Math.floor(avgStats[statName]/6).toString()});let bgCard=false;allTeamTypes.forEach(type=>{let span=document.createElement("span");span.innerHTML=type;span.style.backgroundColor=typeColor[type];if(!bgCard){bgCard=true;DOMBenchmark.style.background=" url(https://grainy-gradients.vercel.app/noise.svg), radial-gradient("+"circle, "+darkenColor(typeColor[type],+.2)+", "+darkenColor(typeColor[type],-.2)+")"}DOMTypeContainer.appendChild(span)})})}let modalBackground=document.querySelector(".modal-save-background");let modal=document.querySelector(".modal-save");let isModalClicked=false;document.querySelector("#saveCard").addEventListener("click",()=>{html2canvas(DOMBenchmark).then(canvas=>{modal.appendChild(canvas)});modalBackground.style.display="flex"});modal.addEventListener("click",()=>{isModalClicked=true});modalBackground.addEventListener("click",function(){modal.innerHTML="";if(!isModalClicked){this.style.display="none"}isModalClicked=false});const typeChart=[[1,1,1,1,1,.5,1,0,.5,1,1,1,1,1,1,1,1,1],[2,1,.5,.5,1,2,.5,0,2,1,1,1,1,.5,2,1,2,.5],[1,2,1,1,1,.5,2,1,.5,1,1,2,.5,1,1,1,1,1],[1,1,1,.5,.5,.5,1,.5,0,1,1,2,1,1,1,1,1,2],[1,1,0,2,1,2,.5,1,2,2,1,.5,2,1,1,1,1,1],[1,.5,2,1,.5,1,2,1,.5,2,1,1,1,1,2,1,1,1],[1,.5,.5,.5,1,1,1,.5,.5,.5,1,2,1,2,1,1,2,.5],[0,0,1,1,1,1,1,2,1,1,1,1,1,2,1,1,.5,1],[1,1,1,1,1,2,1,1,.5,.5,.5,1,.5,1,2,1,1,2],[1,1,1,1,1,.5,2,1,2,.5,.5,2,1,1,2,.5,1,1],[1,1,1,1,2,2,1,1,1,2,.5,.5,1,1,1,.5,1,1],[1,1,.5,.5,2,2,.5,1,.5,.5,2,.5,1,1,1,.5,1,1],[1,1,2,1,0,1,1,1,1,1,2,.5,.5,1,1,.5,1,1],[1,2,1,2,1,1,1,1,.5,1,1,1,1,.5,1,1,0,1],[1,1,2,1,2,1,1,1,.5,.5,.5,2,1,1,.5,2,1,1],[1,1,1,1,1,1,1,1,.5,1,1,1,1,1,1,2,1,0],[1,.5,1,1,1,1,1,2,1,1,1,1,1,2,1,.5,.5,.5],[1,2,1,.5,1,1,1,1,.5,.5,1,1,1,1,1,2,2,1]];const types=["normal","fighting","flying","poison","ground","rock","bug","ghost","steel","fire","water","grass","electric","psychic","ice","dragon","dark","fairy"];