From d54a708d427e3035f60b1899bbd09edaeae5476a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kov=C3=A1cs=20Rudolf?= Date: Mon, 14 Sep 2026 10:59:41 +0200 Subject: [PATCH 1/2] =?UTF-8?q?Tailwind=20haszn=C3=A1lata?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- tanuloi_nevsor/index.html | 7 ++++--- tanuloi_nevsor/nevsor.js | 17 +++++++++-------- 2 files changed, 13 insertions(+), 11 deletions(-) diff --git a/tanuloi_nevsor/index.html b/tanuloi_nevsor/index.html index d95ba88..5b66631 100644 --- a/tanuloi_nevsor/index.html +++ b/tanuloi_nevsor/index.html @@ -4,11 +4,12 @@ Tanulói névsor - + + -

Tanulói névsor

-
+

Tanulói névsor

+
diff --git a/tanuloi_nevsor/nevsor.js b/tanuloi_nevsor/nevsor.js index 0656709..7504691 100644 --- a/tanuloi_nevsor/nevsor.js +++ b/tanuloi_nevsor/nevsor.js @@ -42,25 +42,26 @@ for (let i = 0; i < darab; i++) { for (let i = 0; i < tanulok.length; i++) { let tanuloKontener=document.createElement('div'); + tanuloKontener.setAttribute('class','m-2 bg-sky-200 p-2 rounded-xl w-48 border-2 border-sky-800 shadow-xl' ); - let tanulo_veznev=document.createElement('p'); - tanulo_veznev.textContent=tanulok[i].vezeteknev; - tanuloKontener.appendChild(tanulo_veznev); + //let tanulo_veznev=document.createElement('p'); + //tanulo_veznev.textContent=tanulok[i].vezeteknev; + //tanuloKontener.appendChild(tanulo_veznev); let tanulo_kernev=document.createElement('p'); - tanulo_kernev.textContent=tanulok[i].keresztnev; + tanulo_kernev.textContent=tanulok[i].vezeteknev+" "+tanulok[i].keresztnev; tanuloKontener.appendChild(tanulo_kernev); let tanulo_telepules=document.createElement('p'); tanulo_telepules.textContent=tanulok[i].telepules; tanuloKontener.appendChild(tanulo_telepules); - let tanulo_utca=document.createElement('p'); - tanulo_utca.textContent=tanulok[i].utca; - tanuloKontener.appendChild(tanulo_utca); + //let tanulo_utca=document.createElement('p'); + //tanulo_utca.textContent=tanulok[i].utca; + //tanuloKontener.appendChild(tanulo_utca); let tanulo_hazszam=document.createElement('p'); - tanulo_hazszam.textContent=tanulok[i].hazszam; + tanulo_hazszam.textContent=tanulok[i].utca+" "+tanulok[i].hazszam; tanuloKontener.appendChild(tanulo_hazszam); let tanulo_eletkor=document.createElement('p'); From f042cd8f17ed8d3585187d1f98da52e1980de9be Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kov=C3=A1cs=20Rudolf?= Date: Mon, 14 Sep 2026 11:56:04 +0200 Subject: [PATCH 2/2] =?UTF-8?q?Fetch=20haszn=C3=A1lata?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ajax/ajax.js | 81 +++++++++++++++++++++++++++++++++++++++++++++++++ ajax/index.html | 16 ++++++++++ 2 files changed, 97 insertions(+) create mode 100644 ajax/ajax.js create mode 100644 ajax/index.html diff --git a/ajax/ajax.js b/ajax/ajax.js new file mode 100644 index 0000000..0cc6f32 --- /dev/null +++ b/ajax/ajax.js @@ -0,0 +1,81 @@ +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(); \ No newline at end of file diff --git a/ajax/index.html b/ajax/index.html new file mode 100644 index 0000000..efff453 --- /dev/null +++ b/ajax/index.html @@ -0,0 +1,16 @@ + + + + + + API használat + + + + +
+ +
+ + + \ No newline at end of file