document.getElementById("fetchTodo").addEventListener("click", function(){
    const todoId = document.getElementById("todoId").value;
    const todoResult = document.getElementById("todoResult");
    todoResult.innerHTML = "Načítání...";

    let url = "https://jsonplaceholder.typicode.com/todos/";
    if (todoId !== "" && todoId > 0){
        url += todoId;
    }
    console.log(url);

    fetch(url).then(response => response.json())
        .then(data => {
            if (Array.isArray(data)){
                todoResult.innerHTML = data.map(todo => `<p><b>${todo.id}</b> 
                - ${todo.title} 
                - ${todo.completed ? "Hotovo":"Nedokončen"}</p>`).join("");
            }
            else if (data) {
                todoResult.innerHTML = `<p><b>${data.id}</b> 
                - ${data.title} 
                - ${data.completed ? "Hotovo":"Nedokončen"}</p>`;
            } else {
                todoResult.innerHTML = "<p> Úkol nenalezen</p>"
            }
        }).catch(error => {
            console.error("Chyba při načítaní dat:",error);
            todoResult.innerHTML = "Chyba při načítaní dat"
        })

})