commit 04475fc929b07c99bcca53d1c2e0c9c048ce80eb Author: baiobelfer Date: Thu Sep 11 11:00:04 2025 +0200 init diff --git a/data/data.json b/data/data.json new file mode 100644 index 0000000..73d2720 --- /dev/null +++ b/data/data.json @@ -0,0 +1,8 @@ +{ + "title":"Template", + "Author":"mpabi", + "lst":[ + {"id":1, "name":"el1"}, + {"id":2, "name":"el2"} + ] +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..1d9e864 --- /dev/null +++ b/index.html @@ -0,0 +1,45 @@ + + + + + + Document + + + + + +

Loading Data...

+ + +

+ + + + \ No newline at end of file diff --git a/js/script.js b/js/script.js new file mode 100644 index 0000000..fa74f74 --- /dev/null +++ b/js/script.js @@ -0,0 +1,22 @@ +console.log("Hello world"); + +fetch ("./data/data.json") + .then ( response => { + return response.json(); + }) + .then (data => { + + console.log("ok") + // Nadaj tytuł z danych + document.querySelector("h1").textContent = data.title; + + const listContainer = document.getElementById("item-list"); + + // Wypełnij listę elementami z 'lst' + data.lst.forEach(item => { + const li = document.createElement("li"); + li.textContent = `ID: ${item.id}, Name: ${item.name}`; + listContainer.appendChild(li); + }); + + })