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

Tailwind használata

Browse Source
This commit is contained in:
Kovács Rudolf
2026-09-14 10:59:41 +02:00
parent a7523a179c
commit d54a708d42
2 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
tanuloi_nevsor/index.html
View File

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

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++) {
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');