diff --git a/20241011_doga/24_10_11 - Frontend - Dolgozat.pdf b/20241011_doga/24_10_11 - Frontend - Dolgozat.pdf new file mode 100644 index 0000000..c0395f9 Binary files /dev/null and b/20241011_doga/24_10_11 - Frontend - Dolgozat.pdf differ diff --git a/20241011_doga/szabomarton_24_10_11_doga.zip b/20241011_doga/szabomarton_24_10_11_doga.zip new file mode 100644 index 0000000..6ed33fe Binary files /dev/null and b/20241011_doga/szabomarton_24_10_11_doga.zip differ diff --git a/20241011_doga/todo.html b/20241011_doga/todo.html new file mode 100644 index 0000000..adc444d --- /dev/null +++ b/20241011_doga/todo.html @@ -0,0 +1,39 @@ + + + + + + Feladatlista + + + +

To Do lista

+ + + + + + +
+ + + + diff --git a/20241011_doga/todo.js b/20241011_doga/todo.js new file mode 100644 index 0000000..0b29a9c --- /dev/null +++ b/20241011_doga/todo.js @@ -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 = `Feladat: ${feladat}
Határidő: ${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 = `Feladat: ${ujfeladat}
Határidő: ${ujhatarido}`; + divelement.appendChild(modositgomb); + divelement.appendChild(keszgomb); + }); + + document.getElementById("feladatok").appendChild(divelement); +} + + diff --git a/20241011_doga/ujev.html b/20241011_doga/ujev.html new file mode 100644 index 0000000..5b83b8b --- /dev/null +++ b/20241011_doga/ujev.html @@ -0,0 +1,20 @@ + + + + + + Új év + + + +

Új évi visszaszámlálás

+
+ Adja meg a visszaszámlálás kezdőértékét: + +
+ +
+ +
+ + \ No newline at end of file diff --git a/20241011_doga/ujev.js b/20241011_doga/ujev.js new file mode 100644 index 0000000..b938af6 --- /dev/null +++ b/20241011_doga/ujev.js @@ -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) + +}); +