kovacsrud/frontend_13
3
1
Fork 2
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

index

Browse Source
This commit is contained in:
Kovács Rudolf
2026-09-17 08:48:46 +02:00
parent 4cfc308162 f042cd8f17
commit c3bd74c4d7
4 changed files with 115 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
ajax/ajax.js Normal file
View File

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

16
ajax/index.html Normal file
View File

@@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>API használat</title>
<script defer src="ajax.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
</head>
<body>
<div id="root">
</div>
</body>
</html>

9
tanuloi_nevsor/index.html
View File

@@ -5,11 +5,20 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tanulói névsor</title> <title>Tanulói névsor</title>
<script defer src="nevsor.js"></script> <script defer src="nevsor.js"></script>
<<<<<<< HEAD
</head> </head>
<body> <body>
<h1>Tanulói névsor</h1> <h1>Tanulói névsor</h1>
<div id="root"> <div id="root">
=======
<script defer src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
</head>
<body>
<h1 class="text-3xl font-bold text-center text-sky-600 bg-sky-200">Tanulói névsor</h1>
<div class="flex flex-row flex-wrap items-center justify-center" id="root">
>>>>>>> f042cd8f17ed8d3585187d1f98da52e1980de9be
</div> </div>
</body> </body>

17
tanuloi_nevsor/nevsor.js
View File

@@ -42,25 +42,26 @@ for (let i = 0; i < darab; i++) {
for (let i = 0; i < tanulok.length; i++) { for (let i = 0; i < tanulok.length; i++) {
let tanuloKontener=document.createElement('div'); 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'); //let tanulo_veznev=document.createElement('p');
tanulo_veznev.textContent=tanulok[i].vezeteknev; //tanulo_veznev.textContent=tanulok[i].vezeteknev;
tanuloKontener.appendChild(tanulo_veznev); //tanuloKontener.appendChild(tanulo_veznev);
let tanulo_kernev=document.createElement('p'); 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); tanuloKontener.appendChild(tanulo_kernev);
let tanulo_telepules=document.createElement('p'); let tanulo_telepules=document.createElement('p');
tanulo_telepules.textContent=tanulok[i].telepules; tanulo_telepules.textContent=tanulok[i].telepules;
tanuloKontener.appendChild(tanulo_telepules); tanuloKontener.appendChild(tanulo_telepules);
let tanulo_utca=document.createElement('p'); //let tanulo_utca=document.createElement('p');
tanulo_utca.textContent=tanulok[i].utca; //tanulo_utca.textContent=tanulok[i].utca;
tanuloKontener.appendChild(tanulo_utca); //tanuloKontener.appendChild(tanulo_utca);
let tanulo_hazszam=document.createElement('p'); 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); tanuloKontener.appendChild(tanulo_hazszam);
let tanulo_eletkor=document.createElement('p'); let tanulo_eletkor=document.createElement('p');