szabomarton/Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added orai

Browse Source
This commit is contained in:
szabomarton 2024-10-07 13:07:24 +02:00
parent 294c87ffb6
commit 0683848348
19 changed files with 431 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
24_10_07/24_10_07 - Frontend.pptx Normal file
View File

Binary file not shown.

26
24_10_07/anonim.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="anonim.js" defer></script>
</head>
<body>
<form>
Szám 1:
<input type="number" id="szam1">
<br>
Szám 2:
<input type="number" id="szam2">
<br>
</form>
<button id="gombID">Összead</button>
<p>
A két szám összege:
<div id="osszeg">
</div>
</p>
</body>
</html>

22
24_10_07/anonim.js Normal file
View File

@ -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;
};

26
24_10_07/callback.js Normal file
View File

@ -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)}`);

11
24_10_07/callbackFgvFeladat.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="callbackFgvFeladat.js" defer></script>
</head>
<body>
</body>
</html>

24
24_10_07/callbackFgvFeladat.js Normal file
View File

@ -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}`);

27
24_10_07/callback_felh.js Normal file
View File

@ -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);
});

11
24_10_07/fgvMukodesPelda.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="fgvMukodesPelda.js" defer></script>
</head>
<body>
</body>
</html>

13
24_10_07/fgvMukodesPelda.js Normal file
View File

@ -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}`);
});

14
24_10_07/index.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="script.js" defer></script>
</head>
<body>
<button id="gombID">KATT</button>
<p>Visszajelézés a névtelen függvény alapján</p>
<p id="valaszID"></p>
</body>
</html>

11
24_10_07/keruletTeruletPromise.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="keruletTeruletPromise.js" defer></script>
</head>
<body>
</body>
</html>

28
24_10_07/keruletTeruletPromise.js Normal file
View File

@ -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);

14
24_10_07/oraiPeldak.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="oraiPeldak.js" defer></script>
</head>
<body>
<button id="gombID"> Kattints ide! </button>
<p>Visszajelzés az anonim nyílfüggvény alapján:</p>
<p id="valaszID"> </p>
</body>
</html>

81
24_10_07/oraiPeldak.js Normal file
View File

@ -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);

11
24_10_07/promisePelda.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="promisePelda.js" defer></script>
</head>
<body>
</body>
</html>

21
24_10_07/promisePelda.js Normal file
View File

@ -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
});

48
24_10_07/script.js Normal file
View File

@ -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";
}

23
24_10_07/szamosszeadas.html Normal file
View File

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Összeadás</title>
<script src="szamosszeadas.js" defer></script>
</head>
<body>
<h1>Egyszerű összeadás</h1>
<form id="osszeadasForm">
<label for="szam1">Első szám:</label>
<input type="number" id="szam1" name="szam1"><br><br>
<label for="szam2">Második szám:</label>
<input type="number" id="szam2" name="szam2"><br><br>
<button type="button" id="osszeadasGomb">Eredmény</button>
</form>
<h2>Eredmény: <span id="eredmeny"></span></h2>
</body>
</html>

20
24_10_07/szamosszeadas.js Normal file
View File

@ -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!';
}
}