From 88ce5889bb6ae59647e121848983c4d07ff8811d Mon Sep 17 00:00:00 2001 From: KubMakCZ Date: Tue, 3 Mar 2026 09:30:52 +0100 Subject: [PATCH] fetch api WIP --- 25_fetch_await_WIP/index.html | 24 +++++++++++++++++++++++ 25_fetch_await_WIP/script.js | 36 +++++++++++++++++++++++++++++++++++ 2 files changed, 60 insertions(+) create mode 100644 25_fetch_await_WIP/index.html create mode 100644 25_fetch_await_WIP/script.js diff --git a/25_fetch_await_WIP/index.html b/25_fetch_await_WIP/index.html new file mode 100644 index 0000000..bfb8e3f --- /dev/null +++ b/25_fetch_await_WIP/index.html @@ -0,0 +1,24 @@ + + + + + + Fetch API + + +

Hledání uživatele (Fetch API)

+ +
+ + + + +
+ +
+

Připraveno k hledání....

+
+
+ + + \ No newline at end of file diff --git a/25_fetch_await_WIP/script.js b/25_fetch_await_WIP/script.js new file mode 100644 index 0000000..ac6126a --- /dev/null +++ b/25_fetch_await_WIP/script.js @@ -0,0 +1,36 @@ +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) \ No newline at end of file