async function nactiPlemena() {
    let response = await fetch("https://dog.ceo/api/breeds/list/all")
    let data = await response.json();
    let plemena = Object.keys(data.message);
    let select = document.getElementById("vyberPlemena")

    for (let i = 0; i < plemena.length; i++) {
        let option = document.createElement("option")
        option.value = plemena[i];
        option.textContent = plemena[i];
        select.append(option);
    }
}

async function nactiObrazky() {
    let plemeno = document.getElementById("vyberPlemena").value;
    let url;
    if (plemeno==""){
        url = "https://dog.ceo/api/breeds/image/random/3";
    } else {
        url = "https://dog.ceo/api/breed/"+plemeno+"/images/random/3";
    }

    try {
        let response = await fetch(url);
        let data = await response.json();

        let galerie = document.getElementById("galerie");
        galerie.innerHTML = "";
        document.getElementById("chyba").textContent = "";

        for (let i = 0; i < data.message.length; i++) {
            let img = document.createElement("img");
            img.src = data.message[i];
            galerie.appendChild(img);
        }
    }catch{
        document.getElementById("chyba").textContent = "chyba: " + error.message;
    }
}

document.getElementById("btnNacti").addEventListener("click",nactiObrazky)
nactiPlemena();