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

mostly finished

Browse Source
This commit is contained in:
szabomarton 2024-11-08 09:26:19 +01:00
parent b7305d2c2b
commit 121b8365a9
4 changed files with 103 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
24_11_08/feladat2.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>Document</title>
</head>
<body>
<div id="eredmeny"></div>
<script src="feladat2.js" defer></script>
</body>
</html>

72
24_11_08/feladat2.js
View File

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

53
24_11_08/feladat3.js Normal file
View File

@ -0,0 +1,53 @@
class Termek{
constructor(nev, ar, darabszam){
this.nev = nev;
this.ar = ar;
this.darabszam = darabszam;
}
toString(){
return `${this.nev} termék ${this.ar} Ft-ba kerül és ${this.darabszam} db termék elérhető`;
}
}
class Raktar{
static termekLista = [];
constructor(termekLista){
Raktar.termekLista = termekLista;
}
termekHozzaad(ujtermek){
Raktar.termekLista.push(ujtermek);
}
termekTorles(nev){
removeItem(Raktar.termekLista, nev);
}
termekKeres(nev){
termekLista.forEach(element => {
if (element.nev == nev){
return element;
}
});
return new Termek("NULLTERMEK",0,0);
}
osszesTermekListaz(){
Raktar.termekLista.forEach(element => {
});
}
}
function removeItem(array, itemToRemove) {
let index = array.indexOf(itemToRemove);
let newArr = index !== -1 ?
[...array.slice(0, index), ...array.slice(index + 1)] : fruits;
return newArr;
}

BIN
24_11_08/~$ladatok.docx Normal file
View File

Binary file not shown.