asd

2024-10-21 13:16:08 +02:00
parent 9b693c4cf1
commit 7f2ddb3a86
7 changed files with 168 additions and 0 deletions
--- a/24_10_21/fetch_genyo.html
+++ 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>