mostly finished

24_11_08/feladat2.js

@@ -1,34 +1,5 @@
 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;
@@ -42,15 +13,46 @@ class Bejegyzes{
 }
 
 class BejegyzesLista{
-    static bejegyzesek = [];
+    bejegyzesek = [];
 
-    static hozzadBejegyzest(bejegyzes){
-        BejegyzesLista.bejegyzesek.push(bejegyzes);
+    hozzadBejegyzest(bejegyzes){
+        this.bejegyzesek.push(bejegyzes);
     }
 
-    static megjelenitBejegyzesek(){    
-        BejegyzesLista.bejegyzesek.forEach(element => {
-            
+    megjelenitBejegyzesek(){    
+        this.bejegyzesek.forEach(element => {
+            BejegyzesToDomElement(element);
         });
     }
-}
+}
+
+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());
+            osszesBejegyzes.hozzadBejegyzest(bejegyzes);
+        });
+        osszesBejegyzes.megjelenitBejegyzesek();
+    } catch (error){
+        console.log(error);
+        alert("Hiba Történt!");
+    }
+}
+
+async function BejegyzesToDomElement(element){
+    let newDomElement = document.createElement("div");
+    newDomElement.innerHTML = `<h2>${element.title}</h2>`; 
+    newDomElement.innerHTML += `<p>${element.body}</p>`;
+    mainDomElement.appendChild(newDomElement);
+}
+
+let osszesBejegyzes = new BejegyzesLista();
+let mainDomElement = document.getElementById("eredmeny");
+fetchAdatok(url);