asd

2024-11-08 08:43:27 +01:00 · 2024-11-08 08:43:27 +01:00 · b7305d2c2b
commit b7305d2c2b
parent 8d899f9d76
4 changed files with 95 additions and 0 deletions
--- a/24_11_08/Feladatok.docx
+++ b/24_11_08/Feladatok.docx
--- a/24_11_08/feladat1.html
+++ b/24_11_08/feladat1.html
@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Fetch api</title>
+</head>
+<body>
+    <div id="appendHere"></div>
+    <script src="feladat1.js" defer></script>
+</body>
+</html>
--- a/24_11_08/feladat1.js
+++ b/24_11_08/feladat1.js
@ -0,0 +1,27 @@
+let url = "https://jsonplaceholder.typicode.com/photos";
+
+async function fetchAdatok(apiUrl){
+    try{
+        let response = await fetch(apiUrl);
+        let data = await response.json();
+
+        data.forEach(element => {
+            console.log(element);
+            JsonElementToDomElement(element);
+        });
+    } catch (error){
+        console.log(error);
+        alert("Hiba Történt!");
+    }
+}
+
+fetchAdatok(url);
+
+let mainDomElement = document.getElementById("appendHere");
+
+async function JsonElementToDomElement(element){
+    let newDomElement = document.createElement("div");
+    newDomElement.innerHTML = `${element.title}`; 
+    newDomElement.innerHTML += `<img src="${element.url}">`;
+    mainDomElement.appendChild(newDomElement);
+}
--- a/24_11_08/feladat2.js
+++ b/24_11_08/feladat2.js
@ -0,0 +1,56 @@
+let url = "https://jsonplaceholder.typicode.com/posts/";
+
+async function fetchAdatok(apiUrl){
+    try{
+        let response = await fetch(apiUrl);
+        let data = await response.json();
+
+        data.forEach(element => {
+            //console.log(element);
+            //JsonElementToDomElement(element);
+            let bejegyzes = new Bejegyzes(element.id, element.title, element.body);
+            //console.log(bejegyzes);
+            console.log(bejegyzes.getRészletek());
+        });
+    } catch (error){
+        console.log(error);
+        //alert("Hiba Történt!");
+    }
+}
+
+fetchAdatok(url);
+
+//let mainDomElement = document.getElementById("appendHere");
+
+async function BejegyzesToDomElement(element){
+    let newDomElement = document.createElement("div");
+    newDomElement.innerHTML = `<h2>${element.title}</h2>`; 
+    newDomElement.innerHTML += `<img src="${element.url}">`;
+    mainDomElement.appendChild(newDomElement);
+}
+
+class Bejegyzes{
+    constructor(id, title, body){
+        this.id = id;
+        this.title = title;
+        this.body = body;
+    }
+
+    getRészletek(){
+        return `A post id-ja:${this.id}\nA post Címe:${this.title}\nA post tartalma:${this.body}\n`;
+    }
+}
+
+class BejegyzesLista{
+    static bejegyzesek = [];
+
+    static hozzadBejegyzest(bejegyzes){
+        BejegyzesLista.bejegyzesek.push(bejegyzes);
+    }
+
+    static megjelenitBejegyzesek(){    
+        BejegyzesLista.bejegyzesek.forEach(element => {
+            
+        });
+    }
+}