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 => {
            
        });
    }
}