first commit

Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024. 10. 11/js/UjevFeladat.js

@@ -0,0 +1,37 @@
+const button = document.querySelector("button")
+const input = document.getElementById("kezdoertek")
+const p = document.querySelector("p")
+let myInterval
+
+button.addEventListener("click", () => {
+    let kezdoertek = Number(input.value)
+    myInterval = setInterval(() => {
+        let myPromise = new Promise((resolve, reject) => {
+            if (kezdoertek >= 0) {
+                resolve(`Visszaszámlálás: ${kezdoertek}`)
+                kezdoertek--
+            } else {
+                reject("Boldog Új Évet!")
+                clearInterval(myInterval)
+            }
+        })
+
+        myPromise
+            .then(result => {
+                p.innerHTML = result
+            })
+            .catch(error => {
+                p.innerHTML = error
+            })
+    }, 1000)
+})
+
+fetch('https://name-day.onrender.com/', {
+    method: 'GET',
+    headers: {
+        'Content-Type': 'application/json',
+    },
+})
+    .then(response => response.json())
+    .then(data => console.log(data))
+    .catch((error) => console.error('Error:', error));

Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024. 10. 11/js/todo.js

@@ -0,0 +1,49 @@
+const feladatHozzaadasa = document.getElementById("hozzaadGomb")
+const feladatok = document.getElementById("feladatok")
+const feladatNev = document.getElementById("feladatNev")
+const hatarido = document.getElementById("hatarido")
+let modositasGombok = document.getElementsByClassName("modositasGomb")
+let keszGombok = document.getElementsByClassName("keszGomb")
+feladatHozzaadasa.addEventListener("click", () => {
+    if (feladatNev.value == "" || hatarido.value == "") {
+        alert("Nincs minden mező kitöltve!")
+        return
+    }
+
+    const feladat = document.createElement("div")
+    feladat.innerHTML = `<b>Feladat: ${feladatNev.value}</b><br>`
+    feladat.innerHTML += `<b>Határidő: ${hatarido.value}</b>`
+    feladat.classList.add("feladat")
+    feladatok.appendChild(feladat)
+
+
+    const modositas = document.createElement("button")
+    modositas.innerHTML = "Módosítás"
+    modositas.classList.add("modositasGomb")
+    feladat.appendChild(modositas)
+
+
+    const kesz = document.createElement("button")
+    kesz.innerHTML = "Kész"
+    kesz.classList.add("keszGomb")
+    feladat.appendChild(kesz)
+
+    feladatNev.value = ""
+    hatarido.value = ""
+
+    Array.from(modositasGombok).forEach(gomb => {
+        gomb.addEventListener("click", () => {
+            let ujNev = prompt("Adja meg az új feladat nevét:")
+            let ujDatum = prompt("Adj meg az új határidőt:")
+            
+            gomb.parentElement.children[0].innerHTML = `Feladat: ${ujNev}`
+            gomb.parentElement.children[2].innerHTML = `Határidő ${ujDatum}`
+        })
+    })
+
+    Array.from(keszGombok).forEach(gomb => {
+        gomb.addEventListener("click", () => {
+            gomb.parentElement.remove()
+        })
+    })
+})