document.addEventListener('DOMContentLoaded', () => {
    fetch('dane.php')
    .then(res => {
        return res.json()
    })
    .then(data => {
        console.log(data)
        let tabela = document.getElementById("tabela")
        let i = 0
        for (let element of data) {
            i++;
            console.log(element)
            const tr = document.createElement("tr")
            tr.innerHTML = `<td>${i}</td>
            <td>${element.pseudonim}</td>
            <td>${element.tytul}</td>
            <td>${element.ranking}</td>
            <td>${element.klasa}</td>`
            tabela.appendChild(tr)
        }
    })
})

function losuj() {
    fetch('losuj.php')
    .then(res => {
        return res.json()
    })
    .then(data => {
        console.log(data)
        let gracz1 = document.getElementById("gracz1")
        let gracz2 = document.getElementById("gracz2")

        gracz1.innerHTML = `${data[0].pseudonim} vs`
        gracz2.innerHTML = `${data[1].pseudonim}`
    })
}