diff --git a/24_10_07/24_10_07 - Frontend.pptx b/24_10_07/24_10_07 - Frontend.pptx new file mode 100644 index 0000000..6fc474d Binary files /dev/null and b/24_10_07/24_10_07 - Frontend.pptx differ diff --git a/24_10_07/anonim.html b/24_10_07/anonim.html new file mode 100644 index 0000000..7ef5866 --- /dev/null +++ b/24_10_07/anonim.html @@ -0,0 +1,26 @@ + + + + + + Document + + + +
+ Szám 1: + +
+ Szám 2: + +
+
+ +

+ A két szám összege: +

+ +
+

+ + \ No newline at end of file diff --git a/24_10_07/anonim.js b/24_10_07/anonim.js new file mode 100644 index 0000000..111d683 --- /dev/null +++ b/24_10_07/anonim.js @@ -0,0 +1,22 @@ +document.getElementById("gombID").addEventListener("click", function () { + let szam1 = document.getElementById("szam1").value; + let szam2 = document.getElementById("szam2").value; + typecheck(szam1, szam2) ? osszegkiir(szam1, szam2) : hibasbemenet(); +}) + +let osszegkiir = (szam1, szam2) =>{ + szam1 = parseInt(szam1); + szam2 = parseInt(szam2); + document.getElementById("osszeg").innerHTML = `${szam1 + szam2}`; +} + +let hibasbemenet = () =>{ + alert("HIBÁS BEMENET"); +} + +let typecheck = (szam1, szam2) =>{ + if (szam1 == "" || szam2 == ""){ + return false; + } + return true; +}; \ No newline at end of file diff --git a/24_10_07/callback.js b/24_10_07/callback.js new file mode 100644 index 0000000..a0d5c5e --- /dev/null +++ b/24_10_07/callback.js @@ -0,0 +1,26 @@ +let szamok = [1, 20, -10, -2, -4, 6, -5, 5, 8, 2]; +let pozitivak = []; +let negativak = []; + +let arraySum = (array) =>{ + let sum = 0; + array.forEach(element => { + sum += element; + }); +}; + +let pozitiv = (szam) =>{ + szam > 0 +}; + +let negativ = (szam) =>{ + szam < 0 +} + +szamok.forEach(element => { + pozitiv(element) ? pozitivak.push(element) : negativak.push(element); +}); + +console.log(`Pozitív számok összege: ${arraySum(pozitivak)}`); +console.log(`Negatív számok összege: ${arraySum(negativak)}`); + diff --git a/24_10_07/callbackFgvFeladat.html b/24_10_07/callbackFgvFeladat.html new file mode 100644 index 0000000..893fb93 --- /dev/null +++ b/24_10_07/callbackFgvFeladat.html @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git a/24_10_07/callbackFgvFeladat.js b/24_10_07/callbackFgvFeladat.js new file mode 100644 index 0000000..93453b4 --- /dev/null +++ b/24_10_07/callbackFgvFeladat.js @@ -0,0 +1,24 @@ +//tömb létrehozása +let szamok = [1, 20, -10, -2, -4, 6, -5, 5, 8, 2]; + +//számok összege fgv +function szamokOsszeadasa(tomb, callback) { + let osszeg = 0; + for (let i = 0; i < tomb.length; i++) { + if (callback(tomb[i]) == true) { + osszeg += tomb[i]; + } + } + return osszeg; +} + +//nyílfgv-ek +let pozitivSzamok = (szam) => szam > 0; +let negativSzamok = (szam) => szam < 0; + +//fgvhívás és kiíratás +let pozitivOsszeg = szamokOsszeadasa(szamok, pozitivSzamok); +console.log(`Pozitív számok összege: ${pozitivOsszeg}`); + +let negativOsszeg = szamokOsszeadasa(szamok, negativSzamok); +console.log(`Negatív számok összege: ${negativOsszeg}`); diff --git a/24_10_07/callback_felh.js b/24_10_07/callback_felh.js new file mode 100644 index 0000000..2269279 --- /dev/null +++ b/24_10_07/callback_felh.js @@ -0,0 +1,27 @@ +let inkr = 0; +let kiiratas = () => { + inkr += 1; + console.log(inkr); +} + +setInterval(kiiratas, 3000); + +let myPromise = new Promise((resolve, reject) => { + let success = true; + + setTimeout(() => { + if (success){ + resolve("A művelet sikeresen befejeződött."); + } else { + reject("Hiba történt a művelet során."); + } + }, 2000); +}) + +myPromise + .then(result => { + console.log(result); + }) + .catch(error => { + console.error(error); + }); \ No newline at end of file diff --git a/24_10_07/fgvMukodesPelda.html b/24_10_07/fgvMukodesPelda.html new file mode 100644 index 0000000..432927d --- /dev/null +++ b/24_10_07/fgvMukodesPelda.html @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git a/24_10_07/fgvMukodesPelda.js b/24_10_07/fgvMukodesPelda.js new file mode 100644 index 0000000..d032fa6 --- /dev/null +++ b/24_10_07/fgvMukodesPelda.js @@ -0,0 +1,13 @@ +let kiiratas2 = (eredmeny) => { + console.log(`A két megadott szám összege: ${eredmeny}`); +} + + +let osszead = (szam1, szam2, callbackFgv) => { + let osszeg = szam1 + szam2; + callbackFgv(osszeg); + +} +osszead(10, 30, (eredmeny) => { + console.log(`Két szám összege: ${eredmeny}`); +}); \ No newline at end of file diff --git a/24_10_07/index.html b/24_10_07/index.html new file mode 100644 index 0000000..c6ae8a8 --- /dev/null +++ b/24_10_07/index.html @@ -0,0 +1,14 @@ + + + + + + Document + + + + +

Visszajelézés a névtelen függvény alapján

+

+ + \ No newline at end of file diff --git a/24_10_07/keruletTeruletPromise.html b/24_10_07/keruletTeruletPromise.html new file mode 100644 index 0000000..d2bafb9 --- /dev/null +++ b/24_10_07/keruletTeruletPromise.html @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git a/24_10_07/keruletTeruletPromise.js b/24_10_07/keruletTeruletPromise.js new file mode 100644 index 0000000..c2bacef --- /dev/null +++ b/24_10_07/keruletTeruletPromise.js @@ -0,0 +1,28 @@ +function szamitas(szam){ + let myPromise = new Promise((resolve, reject) => { + if (szam > 0) { + let terulet = szam * szam; + let kerulet = 4 * szam; + let eredmeny = { + terulet: terulet, + kerulet: kerulet + } + resolve(eredmeny); + } else { + reject("A szám nem lehet negatív vagy nulla!"); + } + }); + + myPromise + .then(result => { + console.log(`Négyzet kerülete: ${result.kerulet}`); + console.log(`Négyzet területe: ${result.terulet}`); + }) + .catch(error => { + console.error(`Hiba: ${error}`); + }); + +} +szamitas(5); + + diff --git a/24_10_07/oraiPeldak.html b/24_10_07/oraiPeldak.html new file mode 100644 index 0000000..e6a134a --- /dev/null +++ b/24_10_07/oraiPeldak.html @@ -0,0 +1,14 @@ + + + + + + Document + + + + +

Visszajelzés az anonim nyílfüggvény alapján:

+

+ + \ No newline at end of file diff --git a/24_10_07/oraiPeldak.js b/24_10_07/oraiPeldak.js new file mode 100644 index 0000000..b644609 --- /dev/null +++ b/24_10_07/oraiPeldak.js @@ -0,0 +1,81 @@ +//hagyományos fgv +function fgvNeve() { + //fgv törzse +} + +//nyílfgv +let nyilFgvNeve = () => { + //fgv törzse +} + +//anonim fgv +(function () { + //fgv törzse +}); + +//anonim fgv változóhoz rendelése +let anonimFgv = function() { + //fgv törzse; +}; + +//anonim függvény hívása +anonimFgv(); + +//objektum esetén változóhoz rendelése a fgv-nek +objektumNeve = { + nev : "Példa Péter", + kiiras : function(){ + //fgv törzse + console.log(this.nev); + } +} +//objektumNeve.kiiras(); + +//anonim fgv változóhoz rendelése +let anonimFgvPelda = function() { + console.log("pelda"); +}; + +//anonim fgv hívása +//anonimFgvPelda(); + +//anonim fgv definíciójának kiírása +//console.log(anonimFgvPelda); + +//anonim fgv paraméterátadás +(function (szam1, szam2) { + //console.log(`Összeg: ${szam1 + szam2}`); +})(5, 10); + +//anonim fgv paraméterátadás változókkal +let szam1 = 20; +let szam2 = 30; + +(function (szam1, szam2) { + //console.log(`Összeg: ${szam1 + szam2}`); +})(szam1, szam2); + +//anonim nyílfüggvények eseménykezeléskor +//document.getElementById("gombID").addEventListener("click", () => {gombnyomasErzekelo();}); + +let gombnyomasErzekelo = () => { + //document.getElementById("valaszID").innerHTML = "Megnyomtad a gombot!"; +} + +//fgv hívása +fgvNeve(); + +//függvényhívás példa +function fgvNeve() { + //fgv törzse + //console.log("Akkor fut le, ha meghívjuk a fgv-t!"); +} + +//aszinkron fgv bemutatás +let inkr = 0; +let kiiratas = () => { + inkr += 1; + document.getElementById("valaszID").innerHTML = `${inkr}`; +} +setInterval(kiiratas, 3000); + diff --git a/24_10_07/promisePelda.html b/24_10_07/promisePelda.html new file mode 100644 index 0000000..3b1101f --- /dev/null +++ b/24_10_07/promisePelda.html @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git a/24_10_07/promisePelda.js b/24_10_07/promisePelda.js new file mode 100644 index 0000000..dff1f2f --- /dev/null +++ b/24_10_07/promisePelda.js @@ -0,0 +1,21 @@ +//Promise létrehozása +let myPromise = new Promise((resolve, reject) => { + let success = true; + + setTimeout(() => { + if (success) { + resolve("A művelet sikeresen befejeződött!"); //Sikeres teljesítés + } else { + reject("Hiba történt a művelet során!"); //Elutasítás + } + }, 2000); //2 másodperces késleltetés +}); + +myPromise + .then(result => { + console.log(result); //Eredmény kiírása, ha a Promise teljesítve lett + }) + .catch(error => { + console.error(error); //Hiba kiírása, ha a Promise elutasítva lett + }); + diff --git a/24_10_07/script.js b/24_10_07/script.js new file mode 100644 index 0000000..337f367 --- /dev/null +++ b/24_10_07/script.js @@ -0,0 +1,48 @@ +//anonim függvény +(function () { + +}); + +let szam1 = 5; + + +(function (szam1, szam2) { + console.log(`Összeg: ${szam1 + szam2}`); +})(szam1, 3); + + +let anonim = function () { + //anonim függvény törzse + console.log("anonim"); +}; + +anonim(); + +//objektumok esetén + +objektumNeve = { + nev: "Példa", + kiiras: function() { + console.log(this.nev); + } +} + +objektumNeve.kiiras(); + +let fgNeve = () => { + console.log("asd"); +}; + +fgNeve(); + +let anonimFgvPelda = function() { + console.log("pelda"); +}; + +document.getElementById("gombID").addEventListener("click", function(){ + gombnyomaserzekelo(); +}); + +let gombnyomaserzekelo = () => { + document.getElementById("valaszID").innerHTML = "megnyomtad a gombot"; +} \ No newline at end of file diff --git a/24_10_07/szamosszeadas.html b/24_10_07/szamosszeadas.html new file mode 100644 index 0000000..38eda7d --- /dev/null +++ b/24_10_07/szamosszeadas.html @@ -0,0 +1,23 @@ + + + + + + Összeadás + + + +

Egyszerű összeadás

+
+ +

+ + +

+ + +
+ +

Eredmény:

+ + diff --git a/24_10_07/szamosszeadas.js b/24_10_07/szamosszeadas.js new file mode 100644 index 0000000..a6d557f --- /dev/null +++ b/24_10_07/szamosszeadas.js @@ -0,0 +1,20 @@ + +let szam1Input = document.getElementById('szam1'); +let szam2Input = document.getElementById('szam2'); +let eredmenyMezo = document.getElementById('eredmeny'); +let osszeadasGomb = document.getElementById('osszeadasGomb'); + +osszeadasGomb.addEventListener('click', () => { + let szam1 = parseFloat(szam1Input.value); + let szam2 = parseFloat(szam2Input.value); + osszeadas(szam1, szam2); +}); + +let osszeadas = (szam1, szam2) => { + if (!isNaN(szam1) && !isNaN(szam2)) { + let osszeg = szam1 + szam2; + eredmenyMezo.innerHTML = osszeg; + } else { + eredmenyMezo.innerHTML = 'Hibás érték!'; + } +}