diff --git a/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024. 11. 22/Feladat1/feldolgozo.js b/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024. 11. 22/Feladat1/feldolgozo.js
new file mode 100644
index 0000000..2de7b7e
--- /dev/null
+++ b/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024. 11. 22/Feladat1/feldolgozo.js
@@ -0,0 +1,37 @@
+const button = document.getElementById("gomb")
+const kiiras = document.getElementById("etelek")
+
+button.addEventListener("click", () => {
+ const etel = document.querySelector("select").selectedIndex
+ let xhttp = new XMLHttpRequest()
+ xhttp.open("GET", "http://localhost:5500/Feladat1/receptek.json", true)
+
+ xhttp.onreadystatechange = function() {
+ if (xhttp.readyState === 4) {
+ if (xhttp.status === 200) {
+ const valasztottEtel = JSON.parse(xhttp.responseText)[etel]
+
+ const nev = document.createElement("span")
+ const elkeszitesiIdo = document.createElement("span")
+ const hozzavalok = document.createElement("span")
+ const tapertek = document.createElement("span")
+
+ const tapertekObject = valasztottEtel["Tápérték"]
+
+ nev.innerHTML = `Név: ${valasztottEtel["nev"]}
`
+ elkeszitesiIdo.innerHTML = `Elkészítési idő: ${valasztottEtel["elkeszitesiIdo"]}
`
+ hozzavalok.innerHTML = `Hozzávalók: ${valasztottEtel["hozzávalók"].join(", ")}
`
+ tapertek.innerHTML = `Tápérték: ${tapertekObject["energia"]}, ${tapertekObject["fehérje"]}, ${tapertekObject["szénhidrát"]}, ${tapertekObject["zsír"]}
`
+
+ kiiras.appendChild(nev)
+ kiiras.appendChild(elkeszitesiIdo)
+ kiiras.appendChild(hozzavalok)
+ kiiras.appendChild(tapertek)
+ } else {
+ console.log(`Hiba történt: ${xhttp.status}`);
+ }
+ }
+ }
+
+ xhttp.send()
+})
\ No newline at end of file
diff --git a/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024. 11. 22/Feladat1/receptWeblap.html b/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024. 11. 22/Feladat1/receptWeblap.html
new file mode 100644
index 0000000..a261762
--- /dev/null
+++ b/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024. 11. 22/Feladat1/receptWeblap.html
@@ -0,0 +1,24 @@
+
+
+
+
+ + Sindre Sorhus' open source work is supported by the community on GitHub Sponsors and Dev + +
+ Special thanks to: +