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

asd

Browse Source
This commit is contained in:
szabomarton 2024-10-08 13:04:28 +02:00
parent 0683848348
commit acab643dff
7 changed files with 254 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

Binary file not shown.

35
24_10_08/levelezo.js Normal file
View File

@ -0,0 +1,35 @@
document.getElementById("hozzaadGomb").addEventListener("click", function () {
let targy = document.getElementById("uzenetTargy");
let szoveg = document.getElementById("uzenetSzoveg");
let num = 0;
if(nemures(targy.value) && nemures(szoveg.value)){
uzenethozzaad(targy.value, szoveg.value, num);
document.getElementById(`uzenet${num}`).addEventListener("click", function () {
let uzenet = document.getElementById("uzenet");
uzenet.parentNode.removeChild(uzenet);
});
num++;
} else{
alert("Üresek a szövegmezők.")
}
mezourites(targy);
mezourites(szoveg);
});
function nemures(string) {
if (string != ""){
return true;
}
return false;
}
function uzenethozzaad(targy, szoveg, num){
let uzenet = document.createElement("div");
uzenet.innerHTML = `<div id="uzenet${num}" class="uzenet"><h2>${targy}</h2><p>${szoveg}</p><button id="torles" class="torlesGomb"> TÖRLÉS </button></div>`;
document.getElementById("uzenetek").appendChild(uzenet);
}
function mezourites(mezo){
mezo.value = null;
}

41
24_10_08/levelezoFeladat.html Normal file
View File

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Üzenetkezelő</title>
<style>
.uzenet {
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
}
.torlesGomb {
margin-left: 10px;
background-color: red;
color: white;
border: none;
padding: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<h1>Levelező</h1>
<label for="uzenetTargy">Üzenet tárgya:</label>
<input type="text" id="uzenetTargy" placeholder="Tárgy"><br><br>
<label for="uzenetSzoveg">Üzenet szövege:</label>
<textarea id="uzenetSzoveg" placeholder="Szöveg"></textarea><br><br>
<button id="hozzaadGomb">Új üzenet hozzáadása</button>
<div id="uzenetek"></div>
<script src="levelezo.js" defer></script>
</body>
</html>

19
24_10_08/randomszam.html Normal file
View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Random szám</title>
<script src="randomszam.js" defer></script>
</head>
<body>
<h1>Szám generáló</h1>
<form >
Hány számot szeretne generálni?
<input type="number" id="szam">
</form>
<button id="gomb">GENERÁL</button>
<br>
<div id="generaltszamok"></div>
</body>
</html>

53
24_10_08/randomszam.js Normal file
View File

@ -0,0 +1,53 @@
let randomszamok = [];
document.getElementById("gomb").addEventListener("click", function () {
let szam = document.getElementById("szam").value;
let myPromise = new Promise((resolve, reject) => {
let success = true;
let randnum = parseInt(Math.random() * 100);
setTimeout(() =>{
if (success){
resolve(randnum);
} else{
reject("Hiba történt.");
}
}, 2000);
});
if(typecheck(szam)){
szam = parseInt(szam);
let eredmeny = myPromise
.then(result => {
return result;
})
.catch(error =>{
console.error("ERROR");
});
console.log(eredmeny);
randomszamok.push(eredmeny);
randomszamokkiir();
} else{
hibasbemenet();
}
});
let hibasbemenet = () =>{
alert("HIBÁS BEMENET");
}
let typecheck = (szam1) =>{
if (szam1 == ""){
return false;
}
return true;
};
let randomszamokkiir = ()=>{
document.getElementById("generaltszamok").innerHTML = randomszamok;
}

46
24_10_08/szamitas.html Normal file
View File

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>számítás</title>
<script src="szamitas.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>
<p>
A két szám különbsége:
<div id="kulonbseg">
</div>
</p>
<p>
A két szám szorzata:
<div id="szorzat">
</div>
</p>
<p>
A két szám hányadosa:
<div id="hanyados">
</div>
</p>
</body>
</html>

60
24_10_08/szamitas.js Normal file
View File

@ -0,0 +1,60 @@
document.getElementById("gombID").addEventListener("click", function () {
let szam1 = document.getElementById("szam1").value;
let szam2 = document.getElementById("szam2").value;
let good = typecheck(szam1, szam2);
if(good){
osszegkiir(szam1, szam2);
kulonbsegkiir(szam1, szam2);
szorzatkiir(szam1, szam2);
hanyadoskiir(szam1, szam2);
adattorles();
} else{
hibasbemenet();
adattorles();
}
})
let adattorles = () =>{
document.getElementById("szam1").value = null;
document.getElementById("szam2").value = null;
}
let osszegkiir = (szam1, szam2) =>{
szam1 = parseInt(szam1);
szam2 = parseInt(szam2);
document.getElementById("osszeg").innerHTML = `${szam1 + szam2}`;
}
let kulonbsegkiir = (szam1, szam2) =>{
szam1 = parseInt(szam1);
szam2 = parseInt(szam2);
document.getElementById("kulonbseg").innerHTML = `${szam1 - szam2}`;
}
let szorzatkiir = (szam1, szam2) =>{
szam1 = parseInt(szam1);
szam2 = parseInt(szam2);
document.getElementById("szorzat").innerHTML = `${szam1 * szam2}`;
}
let hanyadoskiir = (szam1, szam2) =>{
szam1 = parseInt(szam1);
szam2 = parseInt(szam2);
let text = "";
if (szam2 == 0){
text = "Nem lehetséges nullával osztani!";
}else{
text = `${szam1 / szam2}`;
}
document.getElementById("hanyados").innerHTML = text;
}
let hibasbemenet = () =>{
alert("HIBÁS BEMENET");
}
let typecheck = (szam1, szam2) =>{
if (szam1 == "" || szam2 == ""){
return false;
}
return true;
};