diff --git a/24_11_18/asd.php b/24_11_18/asd.php new file mode 100644 index 0000000..11cd726 --- /dev/null +++ b/24_11_18/asd.php @@ -0,0 +1,10 @@ + \ No newline at end of file diff --git a/24_11_18/feladat2.html b/24_11_18/feladat2.html new file mode 100644 index 0000000..0186e31 --- /dev/null +++ b/24_11_18/feladat2.html @@ -0,0 +1,45 @@ + + + + + + Document + + +
+ + + +
+ +
+ Név: +
+ Beosztás: +
+ Kor: +
+ Fizetés: + +
+ +
+ + + \ No newline at end of file diff --git a/24_11_18/feladat2.js b/24_11_18/feladat2.js new file mode 100644 index 0000000..b184997 --- /dev/null +++ b/24_11_18/feladat2.js @@ -0,0 +1,77 @@ +const url = "http://127.0.0.1/Digivagyok/munkasok.json"; + +document.getElementById("button").addEventListener("click", function(){ + let value = document.getElementById("selection").value; + console.log(value); + main(value); +}); + +document.getElementById("hozzaAdGomb").addEventListener("click", function(){ + let nev = document.getElementById("nev").value; + let beosztas = document.getElementById("beosztas").value; + let kor = document.getElementById("kor").value; + let fizetes = document.getElementById("fizetes").value; + + let munkas = { + nev: nev, + beosztas: beosztas, + kor: kor, + fizetes: fizetes + } + + adatfeltoltes(munkas); + +}); + +async function adatfeltoltes(munkas) { + let xhttp = new XMLHttpRequest(); + xhttp.open("POST", "asd.php", true); + xhttp.setRequestHeader("Content-Type", "application/json; charset=UTF-8"); + + xhttp.onreadystatechange = async function(){ + if (xhttp.readyState === 4){ + if (xhttp.status === 201){ + let sol = await JSON.parse(xhttp.responseText); + + console.log("A munkás sikeresen hozzá lett adva a munkásokhoz."); + console.log(sol); + } else if (xhttp.status === 200){ + let sol = await JSON.parse(xhttp.responseText); + + console.log("A munkás sikeresen hozzá lett adva a munkásokhoz."); + console.log(sol); + } else if(xhttp.status === 404){ + console.log("Az erőforrás nem található - 404 hibakód"); + } else{ + console.error(`Hiba történt, státuszkód: ${xhttp.status}`); + } + } + } + //xhttp.send("format=json"); + + xhttp.send(JSON.stringify(munkas)); +} + + +async function main(munkasNumber) { + try{ + let response = await fetch(url); + + if (!response.ok){ + throw new Error(`Hiba történt: ${response.status}`); + } + + let adatok = await response.json(); + + createDomElement(adatok[munkasNumber - 1]); + } catch (error) { + console.error(`Hiba ${error}`); + } +} + + +function createDomElement(element) { + let line = document.createElement("div"); + line.innerHTML = `Név: ${element.nev}, Beosztás: ${element.beosztas}, Kor: ${element.kor}, Fizetés:${element.fizetes}Ft`; + document.getElementById("eredmeny").appendChild(line); +}