first commit

2024-11-19 19:04:02 +01:00
commit de464b937d
8837 changed files with 493452 additions and 0 deletions
--- a/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024.
+++ b/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024.
--- a/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024.
+++ b/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024.
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="hu">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Újév</title>
+    <script src="js/UjevFeladat.js" defer></script>
+</head>
+<body>
+    <h1>Új évi visszaszámlálás</h1>
+    <label for="kezdoertek">Add meg a visszaszámlálás kezdőértékét: </label>
+    <input type="number" name="kezdoertek" id="kezdoertek">
+    <button style="cursor: pointer;">Visszaszámlálás indítása</button>
+    <p></p>
+</body>
+</html>
--- a/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024.
+++ b/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024.
@@ -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));
--- a/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024.
+++ b/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024.
@@ -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()
+        })
+    })
+})
--- a/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024.
+++ b/Suli/13.b/Frontend/Dolgozatok/Dolgozat_2024.
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="hu">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Feladatlista</title>
+    <script src="js/todo.js" defer></script>
+    <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>
+</body>
+</html>