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

public/lab8/task3/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 Task3</title><style>body{margin:0;font-family:Arial,sans-serif;background:#0f172a;color:#e2e8f0}.wrapper{max-width:1400px;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}.table{width:100%;border-collapse:collapse;margin-top:16px}.table th,.table td{padding:10px;border-bottom:1px solid #25314d;text-align:left}.draw{background:#334155}.team1win{background:#083344}.team2win{background:#3f1d2e}.muted{color:#94a3b8}</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 3 · Таблица матчей Qatar 2022</h1><p class="muted">Матчи показаны в хронологическом порядке. Разные цвета: ничья, победа команды 1, победа команды 2.</p><div id="tableWrap">Загрузка...</div></div></div><script>async function loadResults(){const res=await fetch('/api/lab8/task3/results');const data=await res.json();const html='<table class="table"><thead><tr><th>Группа</th><th>Дата</th><th>Время</th><th>Команда 1</th><th>Итоговый счет</th><th>Команда 2</th><th>Стадион</th></tr></thead><tbody>'+data.map(item=>{const cls=item.score1===item.score2?'draw':(item.score1>item.score2?'team1win':'team2win');return `<tr class="${cls}"><td>${item.group}</td><td>${item.date}</td><td>${item.time}</td><td>${item.team1}</td><td>${item.score1}:${item.score2}</td><td>${item.team2}</td><td>${item.stadium}</td></tr>`}).join('')+'</tbody></table>';document.getElementById('tableWrap').innerHTML=html}loadResults();</script></body></html>