Frontend dolgozat megoldása, valamint Tusjak óra (2024. 11. 22.)

2024-11-22 11:10:19 +01:00
parent e7215bf4f3
commit 099bd2a5ce
1100 changed files with 132558 additions and 0 deletions
--- a/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024.
+++ b/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024.
@@ -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 = `<b>Név</b>: ${valasztottEtel["nev"]}<br>`
+                elkeszitesiIdo.innerHTML = `<b>Elkészítési idő</b>: ${valasztottEtel["elkeszitesiIdo"]}<br>`
+                hozzavalok.innerHTML = `<b>Hozzávalók</b>: ${valasztottEtel["hozzávalók"].join(", ")}<br>`
+                tapertek.innerHTML = `<b>Tápérték</b>: ${tapertekObject["energia"]}, ${tapertekObject["fehérje"]}, ${tapertekObject["szénhidrát"]}, ${tapertekObject["zsír"]}<br><br>`
+
+                kiiras.appendChild(nev)
+                kiiras.appendChild(elkeszitesiIdo)
+                kiiras.appendChild(hozzavalok)
+                kiiras.appendChild(tapertek)
+            } else {
+                console.log(`Hiba történt: ${xhttp.status}`);
+            }
+        }
+    }
+
+    xhttp.send()
+})
--- a/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024.
+++ b/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024.
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="hu">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Recepteskönyv</title>
+</head>
+<body>
+    <h1>Recepteskönyv</h1>
+    <label for="etelekID">Válasszon az alábbi ételek közül:</label>
+    <select id="etelekID">
+        <option value="1">Túrógombóc</option>
+        <option value="2">Töltött káposzta</option>
+        <option value="3">Gulyásleves</option>
+        <option value="4">Krumplipaprikás</option>
+    </select>
+    <br>
+    <button id="gomb">Mutasd a receptet!</button>
+    <div id="etelek"></div>
+
+    <script src="feldolgozo.js" defer></script>
+</body>
+</html>
+
--- a/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024.
+++ b/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024.
@@ -0,0 +1,47 @@
+[
+    {
+        "nev": "Túrógombóc",
+        "elkeszitesiIdo": 80,
+        "hozzávalók": ["50dkg túró", "10dkg búzadara", "2 tojás", "5dkg vaj", "10dkg zsemlemorzsa", "porcukor", "tejföl"],
+        "Tápérték": {
+            "energia": "250 kcal/adag",
+            "fehérje": "12 g/adag",
+            "szénhidrát": "25 g/adag",
+            "zsír": "10 g/adag"
+        }
+    },
+    {
+        "nev": "Töltött káposzta",
+        "elkeszitesiIdo": 120,
+        "hozzávalók": ["10dkg rizs", "1kg sertéscomb", "1 fej vöröshagyma", "1 fej savanyú káposzta", "2dl tejföl", "1 evőkanál pirospaprika"],
+        "Tápérték": {
+            "energia": "400 kcal/adag",
+            "fehérje": "25 g/adag",
+            "szénhidrát": "30 g/adag",
+            "zsír": "18 g/adag"
+        }
+    },
+    {
+        "nev": "Gulyásleves",
+        "elkeszitesiIdo": 120,
+        "hozzávalók": ["50dkg marhahús", "2 szál sárgarépa", "2 szál fehérrépa", "2 fej vöröshagyma", "3 gerezd fokhagyma", "2 evőkanál pirospaprika", "50dkg burgonya"],
+        "Tápérték": {
+            "energia": "300 kcal/adag",
+            "fehérje": "20 g/adag",
+            "szénhidrát": "25 g/adag",
+            "zsír": "12 g/adag"
+        }
+    },
+    {
+        "nev": "Krumplipaprikás",
+        "elkeszitesiIdo": 90,
+        "hozzávalók": ["1kg burgonya", "2 fej vöröshagyma", "2 evőkanál pirospaprika", "3dl tejföl", "1 evőkanál liszt", "olaj"],
+        "Tápérték": {
+            "energia": "250 kcal/adag",
+            "fehérje": "6 g/adag",
+            "szénhidrát": "40 g/adag",
+            "zsír": "8 g/adag"
+        }
+    }
+]
+