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

    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(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 = "<h2>Chyba při načítání dat</h2>"
        })




})