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

added doga

Browse Source
This commit is contained in:
szabomarton 2024-10-11 09:18:08 +02:00
parent 861788d049
commit 6dc5052873
6 changed files with 139 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
20241011_doga/24_10_11 - Frontend - Dolgozat.pdf Normal file
View File

Binary file not shown.

BIN
20241011_doga/szabomarton_24_10_11_doga.zip Normal file
View File

Binary file not shown.

39
20241011_doga/todo.html Normal file
View File

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Feladatlista</title>
<style>
.feladat {
border: 1px solid #ccc;
padding: 10px;
margin: 5px 0;
border-radius: 5px;
}
.modositasGomb, .keszGomb {
background-color: #007bff;
color: white;
border: none;
border-radius: 3px;
cursor: pointer;
margin-left: 5px;
}
.keszGomb {
background-color: #ff4d4d;
}
</style>
</head>
<body>
<h1>To Do lista</h1>
<label for="feladatNev">Feladat neve:</label>
<input type="text" id="feladatNev">
<label for="hatarido">Határidő:</label>
<input type="text" id="hatarido">
<button id="hozzaadGomb">Feladat hozzáadása</button>
<div id="feladatok"></div>
<script src="todo.js" defer> </script>
</body>
</html>

50
20241011_doga/todo.js Normal file
View File

@ -0,0 +1,50 @@
document.getElementById("hozzaadGomb").addEventListener("click", function () {
let feladatNev = document.getElementById("feladatNev").value;
let hatarido = document.getElementById("hatarido").value;
if(feladatNev != "" && hatarido != ""){
creatediv(feladatNev, hatarido);
} else {
alert("Nem kitöltött mezők!");
}
document.getElementById("feladatNev").value = null;
document.getElementById("hatarido").value = null;
});
let creatediv = (feladat, hatarido) =>{
let divelement = document.createElement("div");
divelement.className = "feladat";
divelement.innerHTML = `<b>Feladat:</b> ${feladat}<br><b>Határidő:</b> ${hatarido}`;
let modositgomb = document.createElement("button");
modositgomb.textContent = `Módosít`;
modositgomb.className = "modositasGomb";
let keszgomb = document.createElement("button");
keszgomb.textContent = `Kész`;
keszgomb.className = "keszGomb";
divelement.appendChild(modositgomb);
divelement.appendChild(keszgomb);
keszgomb.addEventListener("click", function () {
this.parentNode.remove();
});
modositgomb.addEventListener("click", function () {
let ujfeladat = prompt("Feladat új neve:");
let ujhatarido = prompt("Határidő új értéke:")
this.parentNode.innerHTML = `<b>Feladat:</b> ${ujfeladat}<br><b>Határidő:</b> ${ujhatarido}`;
divelement.appendChild(modositgomb);
divelement.appendChild(keszgomb);
});
document.getElementById("feladatok").appendChild(divelement);
}

20
20241011_doga/ujev.html Normal file
View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Új év</title>
<script src="ujev.js" defer></script>
</head>
<body>
<h2>Új évi visszaszámlálás</h2>
<form>
Adja meg a visszaszámlálás kezdőértékét: <input type="number" id="masodpercek">
</form>
<button id="visszaszamlalasGomb">Visszaszamlalas indítása</button>
<div id="visszaszamlalas">
</div>
</body>
</html>

30
20241011_doga/ujev.js Normal file
View File

@ -0,0 +1,30 @@
document.getElementById("visszaszamlalasGomb").addEventListener("click", function () {
let num = parseInt(document.getElementById("masodpercek").value);
let mypromise = new Promise((resolve, reject) => {
setTimeout(() => {
resolve();
}, 0);
})
setInterval(() => {
if (num != 0) {
mypromise.then((result) => {
console.log(num);
document.getElementById("visszaszamlalas").innerHTML = `Visszaszámlálás: ${num}`;
num--;
}).catch((error) => {
// error ág
})
} else if (num == 0) {
document.getElementById("visszaszamlalas").innerHTML = `Boldog új évet!`;
return;
}
}, 1000)
});