szabomarton/Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

asd

Browse Source
This commit is contained in:
szabomarton 2024-11-08 08:43:27 +01:00
parent 8d899f9d76
commit b7305d2c2b
4 changed files with 95 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
24_11_08/Feladatok.docx Normal file
View File

Binary file not shown.

12
24_11_08/feladat1.html Normal file
View File

@ -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>

27
24_11_08/feladat1.js Normal file
View File

@ -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);
}

56
24_11_08/feladat2.js Normal file
View File

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