let keres=new XMLHttpRequest();
let valasz="";

let root=document.getElementById('root');

keres.open('GET','https://jsonplaceholder.typicode.com/posts',true);

keres.onload=function(){
    valasz=JSON.parse(this.response);
    console.log(valasz);
    valasz.forEach(elem=>{
        let cim=document.createElement('p');
        let hozzaszolas=document.createElement('p');

        cim.textContent=elem.title;
        hozzaszolas.textContent=elem.body;

        root.appendChild(cim);
        root.appendChild(hozzaszolas);
    });

}

//keres.send();

//??
console.log(valasz);

// fetch('https://jsonplaceholder.typicode.com/posts')
// .then(res=>res.json())
// .then(posts=>{
//     if(Array.isArray(posts)){
//         posts.forEach(post=>{
//         let cim=document.createElement('p');
//         let hozzaszolas=document.createElement('p');

//         cim.textContent=post.title;
//         hozzaszolas.textContent=post.body;

//         root.appendChild(cim);
//         root.appendChild(hozzaszolas);
//         });
//     } else {
//         let p=document.createElement('p');
//         p.textContent="Nincsenek adatok"
//     }
// })
// .catch(err=>alert(err));

async function letoltes() {
    try {
        let keres=await fetch('https://jsonplaceholder.typicode.com/posts');
        let valasz=await keres.json();

        if(Array.isArray(valasz)){

            valasz.forEach(post=>{
             let cim=document.createElement('p');
             let hozzaszolas=document.createElement('p');

             cim.textContent=post.title;
             hozzaszolas.textContent=post.body;

             root.appendChild(cim);
             root.appendChild(hozzaszolas);

            })

             
        } else {
             let p=document.createElement('p');
             p.textContent="Nincsenek adatok"
        }
        
    } catch (error) {
        let p=document.createElement('p');
        p.textContent=error
    }    
}

letoltes();