const button = document.querySelector("button")

button.addEventListener("click", () => {
    let xhttp = new XMLHttpRequest()
    xhttp.open("GET", "../json/munkavallalok.json", true)

    xhttp.onreadystatechange = function() {
        if (xhttp.readyState === 4) {
            if (xhttp.status === 200) {
                const munkavallalok = JSON.parse(xhttp.responseText)
                const munkavallalo = munkavallalok[document.querySelector("select").selectedIndex]

                const eredmenyDiv = document.querySelector("div")
                eredmenyDiv.innerHTML = `
                    Név: ${munkavallalo["nev"]},
                    Beosztás: ${munkavallalo["beosztas"]},
                    Kor: ${munkavallalo["kor"]},
                    Fizetés: ${munkavallalo["fizetes"]}
                `
            } else if (xhttp.status === 404) {
                console.log("Erőforrás nem található - 404-es hibakód")
            } else {
                console.log(`Hiba történt, státuszkód: ${xhttp.status}`)
            }
        }
    }

    xhttp.send()
})