const inputId = document.getElementById("userId");
const btnNajdi = document.getElementById("btnNajdi");
const btnVse = document.getElementById("btnVse");
const stav = document.getElementById("stav");
const vysledek = document.getElementById("vysledek");

// FUNKCE 1 : Načtení všech uživatelů
async function nactiVsechny() {
    vysledek.innerHTML = "";
    stav.innerText = "Načítám seznam všech uživatelů";

    try{
        const odpoved = await fetch("https://jsonplaceholder.typicode.com/users")
        if (!odpoved.ok){
            throw new Error("Nepodařilo se stáhnout seznam uživatelů")
        }
        const data = await odpoved.json();

        //Vytvoření seznam (createElement/appendChild)
        const ul = document.createElement("ul");
        data.forEach(u => {
            const li = document.createElement("li");
            li.innerText = u.name
            ul.appendChild(li);
        });
        vysledek.appendChild(ul)
        stav.innerText = "Seznam Načten"


    } catch (e) {
        stav.innerText = "CHYBA:" + e.message;
    }

}

btnVse.addEventListener("click",nactiVsechny)