let request = new XMLHttpRequest()
request.open(
    "GET",
    "https://cors-proxy.blaseball-reference.com/database/allTeams",
    true)
request.send();

request.onload = function() {
    let ending = x => (Math.abs(x) === 1 ? "" : "s")

    let teams = JSON.parse(this.response)
    let totals = teams.map(team => team.lineup.length + team.rotation.length)

    let results = document.getElementById("results")
    // Get all player counts that there are from greatest to least
    // & make headers & lists for them
    totals.slice().sort((x, y) => y - x)
        .filter((item, pos, array) => !pos || item !== array[pos - 1])
        .forEach(function(item) {
            results.insertAdjacentHTML("beforeend",
                `<h1>${item} player${ending(item)}</h1>
                 <ul id="tlist${item}"></ul>`)
    })
    // Put the teams in the lists
    teams.forEach(function(item, pos) {
        document.getElementById("tlist" + totals[pos]).insertAdjacentHTML("beforeend", 
            `<li>${item.fullName} 
            (${item.lineup.length} hitter${ending(item.lineup.length)},
             ${item.rotation.length} pitcher${ending(item.rotation.length)})</li>`)
    })

    document.getElementById("progress").remove()
}