JSFiddle - React, Tailwind, and code Playground

HTML

<td class="Ta-start player Ta-start Bdrx">
    <div class="Ov-h Mx-a">
        <div>
            <div class="Grid-bind-end">
                <div class="ysf-player-name Nowrap Grid-u Relative Lh-xs Ta-start"><a class="Nowrap">Player 1</a> <span class="Fz-xxs">Mia - QB</span> </div>
            </div>
            <div class="Grid-bind-end">
                <span class="ysf-player-status F-injury Fz-xxs Grid-u Lh-xs"></span>
                <div class="ysf-player-detail Nowrap Grid-u Fz-xxs Lh-xs Ta-start"><span class="ysf-game-status "><a class="F-reset" onclick="pop(this)">Sun 10:00 am @ SF</a></span></div>
            </div>
        </div>
    </div>
</td>
<hr>
<td class="Ta-start player Ta-start Bdrx">
    <div class="Ov-h Mx-a">
        <div>
            <div class="Grid-bind-end">
                <div class="ysf-player-name Nowrap Grid-u Relative Lh-xs Ta-start"><a class="Nowrap">Player 2</a> <span class="Fz-xxs">SF - WR</span> </div>
            </div>
            <div class="Grid-bind-end">
                <span class="ysf-player-status F-injury Fz-xxs Grid-u Lh-xs"></span>
                <div class="ysf-player-detail Nowrap Grid-u Fz-xxs Lh-xs Ta-start"><span class="ysf-game-status "><a class="F-reset" onclick="pop(this)">Sun 10:00 am @ SF</a></span></div>
            </div>
        </div>
    </div>
</td>
<hr>
    <td class="Ta-start player Ta-start Bdrx">
    <div class="Ov-h Mx-a">
        <div>
            <div class="Grid-bind-end">
                <div class="ysf-player-name Nowrap Grid-u Relative Lh-xs Ta-start"><a class="Nowrap">Player 3</a> <span class="Fz-xxs">Chi - TE</span> </div>
            </div>
            <div class="Grid-bind-end">
                <span class="ysf-player-status F-injury Fz-xxs Grid-u Lh-xs"></span>
                <div class="ysf-player-detail Nowrap Grid-u Fz-xxs Lh-xs Ta-start"><span class="ysf-game-status "><a class="F-reset" onclick="pop(this)">Sun 10:00 am @ SF</a></span></div>
            </div>
        </div>
   ...

JavaScript

var pos = document.querySelectorAll('span[class="Fz-xxs"]')
var team = document.querySelectorAll('a[class="F-reset"]')
var nameMap = { //Map Position to column #
    "QB": 0,
    "WR": 1,
    "TE": 2,
}
var arr = ["SF", [2, 6, 9]];

for (i = 0; i < pos.length; i++) {
    var teamName = team[i].innerText.split(" @ ").slice(-1)[0];
    var posName = pos[i].innerText.split(" - ").slice(-1)[0];
    var indexOfPos = nameMap[posName];
    
    console.log(teamName + " gives up the " + arr[1][indexOfPos] + "nd most points to " + posName + " positon")
    team[i].innerHTML = team[i].innerHTML + " - " + arr[1][indexOfPos]
}