public/lab8/task2/index.html - main - Coderdev/web-nodejs-labs

public/lab8/task2/index.html
1 строка2 KB
Coderdev
13 апр 2026, 21:35
13 апр 2026, 21:35d23c89a
<!doctype html><html lang="ru"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Lab8 Task2</title><style>body{margin:0;font-family:Arial,sans-serif;background:#0f172a;color:#e2e8f0}.wrapper{max-width:1200px;margin:0 auto;padding:24px}.panel{background:#111c34;border:1px solid #25314d;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:24px}.btn{display:inline-block;padding:12px 16px;border-radius:12px;background:#334155;color:#fff;text-decoration:none}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.box{background:#0f172a;border:1px solid #25314d;border-radius:16px;padding:14px;max-height:65vh;overflow:auto}pre{white-space:pre-wrap;word-break:break-word;margin:0}.muted{color:#94a3b8}@media(max-width:900px){.cards{grid-template-columns:1fr}}</style></head><body><div class="wrapper"><a class="btn" href="/lab8/">← Назад</a><div class="panel" style="margin-top:16px"><h1 style="margin-top:0">Task 2 · JSON по группам и стадионам</h1><p class="muted">Ниже показаны готовые файлы groups.json и stadium.json, сформированные на основе результатов группового этапа ЧМ-2022 в Катаре.</p><div style="display:flex;gap:12px;flex-wrap:wrap"><button id="loadGroups" class="btn" style="border:none;cursor:pointer;background:#2563eb">Показать группы</button><button id="loadStadiums" class="btn" style="border:none;cursor:pointer;background:#16a34a">Показать стадионы</button></div><div class="cards"><div class="box"><h3 style="margin-top:0">Группы</h3><pre id="groupsBox">Нажми «Показать группы»</pre></div><div class="box"><h3 style="margin-top:0">Стадионы</h3><pre id="stadiumsBox">Нажми «Показать стадионы»</pre></div></div></div><script>document.getElementById('loadGroups').addEventListener('click',async()=>{const res=await fetch('/api/lab8/task2/groups');const data=await res.json();document.getElementById('groupsBox').textContent=JSON.stringify(data,null,2)});document.getElementById('loadStadiums').addEventListener('click',async()=>{const res=await fetch('/api/lab8/task2/stadiums');const data=await res.json();document.getElementById('stadiumsBox').textContent=JSON.stringify(data,null,2)});</script></body></html>