Névsor

tanuloi_nevsor/ajax.js

@@ -0,0 +1,29 @@
+let request= new XMLHttpRequest();
+
+let valasz="";
+
+let root=document.getElementById('root');
+
+request.open('GET','https://jsonplaceholder.typicode.com/posts',true);
+
+request.onload=function(){
+    valasz=JSON.parse(this.response);
+    valasz.forEach(elem=>{
+        let p=document.createElement('p');
+        p.textContent=elem.title;
+        root.appendChild(p);
+    });
+}
+
+//request.send();
+
+fetch('https://jsonplaceholder.typicode.com/posts')
+.then(res=>res.json())
+.then(valasz=>{
+    valasz.forEach(elem=>{
+        let p=document.createElement('p');
+        p.textContent=elem.title;
+        root.appendChild(p);
+    })
+}).catch(err=>alert(err));
+

tanuloi_nevsor/index.html

@@ -4,21 +4,24 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Tanulói névsor</title>
-    <script defer src="nevsor.js"></script>
-<<<<<<< HEAD
-</head>
-<body>
-    <h1>Tanulói névsor</h1>
-    <div id="root">
 
-=======
-     <script defer src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <script defer src="ajax.js"></script>
+    <script defer src="nevsor.js"></script>
+    <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>
     
 </body>

tanuloi_nevsor/nevsor.js

@@ -42,7 +42,11 @@ for (let i = 0; i < darab; i++) {
 
 for (let i = 0; i < tanulok.length; i++) {
     let tanuloKontener=document.createElement('div');
+<<<<<<< HEAD
+    tanuloKontener.setAttribute('class','m-5 text-sky-800 bg-sky-200 w-64 p-2 border-2 shadow-xl rounded-xl outline-green-300')
+=======
     tanuloKontener.setAttribute('class','m-2 bg-sky-200 p-2 rounded-xl w-48 border-2 border-sky-800 shadow-xl' );
+>>>>>>> bf2f22c8fd08a9826ff4b6a7389f74475b564826
 
     //let tanulo_veznev=document.createElement('p');
     //tanulo_veznev.textContent=tanulok[i].vezeteknev;