56 lines
1.5 KiB
JavaScript
56 lines
1.5 KiB
JavaScript
|
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 => {
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|