diff --git a/24_10_21/24_10_21 - Frontend.pptx b/24_10_21/24_10_21 - Frontend.pptx
new file mode 100644
index 0000000..42e3225
Binary files /dev/null and b/24_10_21/24_10_21 - Frontend.pptx differ
diff --git a/24_10_21/asd.mjs b/24_10_21/asd.mjs
new file mode 100644
index 0000000..89611e1
--- /dev/null
+++ b/24_10_21/asd.mjs
@@ -0,0 +1,5 @@
+import * as Modul from "./koszontes.mjs";
+
+console.log(Modul.duplaz(2));
+
+console.log(Modul.koszontosDuplazas("Digi", 5));
\ No newline at end of file
diff --git a/24_10_21/fetch_genyo.html b/24_10_21/fetch_genyo.html
new file mode 100644
index 0000000..5207b75
--- /dev/null
+++ b/24_10_21/fetch_genyo.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <form>
+        Cím: <input type="text" id="title"> <br>
+        Id: <input type="number" id="id"> <br>
+        Befejezett: <input type="checkbox" id="completed" value="0"> <br>
+    </form>
+    <button id="bekuld">Beküld</button>
+    <div id="todos"></div>
+    <script>
+        let url = "https://jsonplaceholder.typicode.com/todos";
+        document.getElementById("bekuld").addEventListener("click", function (){
+            let cim = document.getElementById("title").value;
+            let identification = document.getElementById("id").value;
+            let completed = document.getElementById("completed").checked;
+            
+            /*
+
+            fetch(url, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    id: identification,
+                    title: cim,
+                    completed: completed
+                }),
+            })
+            .then(response => response.json())
+            .then(data => {               
+                let divelement = document.createElement("div");
+                let cim = document.createElement("h2");
+                cim.innerHTML = data.title;
+
+                let asd = document.createElement("p");
+                asd.innerHTML = `Az elem azonosítója: ${data.id} <br>
+                Az elem befejezésének állapota: ${data.completed ? "befejezve" : "nem befejezett"}`;
+
+                divelement.appendChild(cim);
+                divelement.appendChild(asd);
+
+                document.getElementById("todos").appendChild(divelement);    
+            
+            });
+
+            */
+
+            
+            asd();
+            
+        });
+
+        async function asd() {
+            try{
+                let response = await fetch(url);
+                let data = await response.json();
+
+                console.log(data);    
+            } catch (error){
+                console.log(error)
+            }
+            
+        }
+        
+
+        
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/24_10_21/fetching_images.html b/24_10_21/fetching_images.html
new file mode 100644
index 0000000..bcbc336
--- /dev/null
+++ b/24_10_21/fetching_images.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <button id="lekeres">
+        Adat lekérése
+    </button>
+    <div id="img_0">
+
+    </div>
+    <div id="img_1">
+
+    </div>
+    <div id="img_2">
+
+    </div>
+    <script>
+        let url = "https://jsonplaceholder.typicode.com/photos";
+
+
+
+        document.getElementById("lekeres").addEventListener("click", function () {
+            adatlekeres();    
+        });
+
+        async function adatlekeres() {
+            try {
+                let response = await fetch(url);
+                let data = await response.json();
+                
+                for (let index = 0; index < 3; index++) {
+                    let cim = document.createElement("h2");
+                    cim.innerHTML = data[index].title;
+
+                    let element = document.createElement("img");
+                    element.src = data[index].thumbnailUrl;
+
+                    let divelement = document.getElementById(`img_${index}`);
+                    divelement.appendChild(cim);
+                    divelement.appendChild(element);
+                }
+            } catch (error){
+                console.log(error);
+            }
+        
+        }
+
+    </script>
+    <!--
+    type modulet kell használni
+    <script type="module" src="scripts.mjs">
+        udvozlet();
+    </script>
+    -->
+    <script type="module" src="script.mjs">
+        
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/24_10_21/koszontes.mjs b/24_10_21/koszontes.mjs
new file mode 100644
index 0000000..613dbc4
--- /dev/null
+++ b/24_10_21/koszontes.mjs
@@ -0,0 +1,9 @@
+function duplaz(num) {
+    return num * 2;
+}
+
+function koszontosDuplazas(nev, szam){
+    return `Szia ${nev}! A duplázott érték: ${2 * szam}`;
+}
+
+export {koszontosDuplazas, duplaz};
\ No newline at end of file
diff --git a/24_10_21/script.mjs b/24_10_21/script.mjs
new file mode 100644
index 0000000..6bbae80
--- /dev/null
+++ b/24_10_21/script.mjs
@@ -0,0 +1,8 @@
+import * as Modul from './scripts.mjs';
+import {udvozles, valtozo} from "./scripts.mjs";
+
+console.log(Modul.valtozo);
+
+
+
+udvozles();
diff --git a/24_10_21/scripts.mjs b/24_10_21/scripts.mjs
new file mode 100644
index 0000000..9f5f911
--- /dev/null
+++ b/24_10_21/scripts.mjs
@@ -0,0 +1,6 @@
+function udvozlet(){
+    console.log("Hello!");
+};
+let valtozo = 15;
+let tomb = [1,2,3];
+export {udvozlet as udvozles, valtozo, tomb};
\ No newline at end of file
