Change Rate In CodeForces

var ReadMe = `
    use these ids:
        0 - Newbie
        1 - Pupil
        2 - Specialist
        3 - Expert
        4 - Candidate Master
        5 - Master
        6 - International Master
        7 - Grandmaster
        8 - International Grandmaster
        9 - Legendary Grandmaster

`;
var mpdiv = {
    0: {
        targetDiv: "Newbie",
        targetRate: 1199,
        targetColor: "gray"
    },
    1: {
        targetDiv: "Pupile",
        targetRate: 1399,
        targetColor: "green"
    },
    2: {
        targetDiv: "Specialist",
        targetRate: 1599,
        targetColor: "cyan"
    },
    3: {
        targetDiv: "Expert",
        targetRate: 1899,
        targetColor: "blue"
    },
    4: {
        targetDiv: "Candidate Master",
        targetRate: 2099,
        targetColor: "violet"
    },
    5: {
        targetDiv: "Master",
        targetRate: 2299,
        targetColor: "orange"
    },
    6: {
        targetDiv: "International Master",
        targetRate: 2399,
        targetColor: "orange"
    },
    7: {
        targetDiv: "Grandmaster",
        targetRate: 2599,
        targetColor: "red"
    },
    8: {
        targetDiv: "International Grandmaster",
        targetRate: 2999,
        targetColor: "red"
    },
    9: {
        targetDiv: "Legendary Grandmaster",
        targetRate: 4000,
        targetColor: "legendary"
    }
};
function redMe(id) {
    if (isNaN(id) || id < 0 || id > 9) {
        console.log(ReadMe);
        return 1;
    }
    let targetOpt = mpdiv[id];
    console.log(targetOpt);
    let roundBoxes = [2, 8];
    let roundBox = document.querySelectorAll('.roundbox');
    let title = roundBox[8].querySelector('.user-rank');
    let h1 = roundBox[8].querySelector('h1');
    let myName = h1.innerText;
    let firstChar = myName[0];
    let firstBlackChar = firstChar;
    if (targetOpt.targetDiv == "Legendary Grandmaster") {
        firstBlackChar = `<span class="legendary-user-first-letter">${firstChar}</span>`
    }
    let linkName = `<a href="/profile/${myName}" title="${targetOpt.targetDiv} ${myName}" class="rated-user user-${targetOpt.targetColor}">${firstBlackChar}${myName.substring(1, myName.length)}</a>`;
    h1.innerHTML = linkName;

    let div = title.childNodes[1];
    let divTitle = div.innerText;
    if (div.innerText == targetOpt.targetDiv) return `Haha!! you are already ${targetOpt.targetDiv}!`;
    div.innerText = targetOpt.targetDiv + " "
    for (let rb in roundBoxes) {
        let myInfo = roundBox[roundBoxes[rb]];
        let divClassName = div.className;
        let userDiv = myInfo.querySelectorAll('.' + divClassName);

        for (color of userDiv) {
            color.className = `user-${targetOpt.targetColor}`;
            if (!isNaN(color.innerText)) color.innerText = targetOpt.targetRate;
            if (color.innerText.toLowerCase() == `${divTitle.toLowerCase()}, `){
                color.innerText = `${targetOpt.targetDiv}, `;
            }
            if (color.innerText == myName) {
                color.innerHTML = linkName;
            }
        }
    }
}