摘要欧洲杯正在如火如荼地进行中,想要时刻了解你的球队和比赛结果,使用我们的欧洲杯追踪器,你可以轻松做到!小组赛积分榜球队胜场平局负场积分比赛结果日期主队客队比分赛程安排日期时间主队客队,模拟数据conststandings=[,team,意大利,wins,3,draws,0,losses,0,points,9,team,威尔士,wi...。
欧洲杯正在如火如荼地进行中,想要时刻了解你的球队和比赛结果?使用我们的欧洲杯追踪器,你可以轻松做到!
小组赛积分榜
比赛结果
赛程安排
日期
|
时间
|
主队
|
客队
|
<script>
// 模拟数据const standings = [{ team: "意大利", wins: 3, draws: 0, losses: 0, points: 9 },{ team: "威尔士", wins: 2, draws: 1, losses: 0, points: 7 },{ team: "瑞士", wins: 1, draws: 1, losses: 1, points: 4 },{ team: "土耳其", wins: 0, draws: 0, losses: 3, points: 0 },];const results = [{ date: "2021-06-11", homeTeam: "意大利", awayTeam: "土耳其", result: "3-0" },{ date: "2021-06-12", homeTeam: "威尔士", awayTeam: "瑞士", result: "1-1" },{ date: "2021-06-16", homeTeam: "意大利", awayTeam: "瑞士", result: "3-0" },{ date: "2021-06-16", homeTeam: "土耳其", awayTeam: "威尔士", result: "0-2" },];const fixtures = [{ date: "2021-06-20", time: "18:00", homeTeam: "意大利", awayTeam: "威尔士" },{ date: "2021-06-20", time: "18:00", homeTeam: "瑞士", awayTeam: "土耳其" },];// 动态生成小组赛积分榜数据const standingsTable = document.querySelector("tbody");standings.forEach(({ team, wins, draws, losses, points }) => {const row = document.createElement("tr");const teamCell = document.createElement("td");teamCell.classList.add("team-name");
teamCell.textContent = team;const winsCell = document.createElement("td");winsCell.textContent = wins;const drawsCell = document.createElement("td");drawsCell.textContent = draws;const lossesCell = document.createElement("td");lossesCell.textContent = losses;const pointsCell = document.createElement("td");pointsCell.textContent = points;row.appendChild(teamCell);row.appendChild(winsCell);row.appendChild(drawsCell);row.appendChild(lossesCell);row.appendChild(pointsCell);standingsTable.appendChild(row);});// 动态生成比赛结果数据const resultsTable = document.querySelectorAll("tbody")[1];results.forEach(({ date, homeTeam, awayTeam, result }) => {const row = document.createElement("tr");const dateCell = document.createElement("td");dateCell.textContent = date;const homeTeamCell = document.createElement("td");homeTeamCell.textContent = homeTeam;const awayTeamCell = document.createElement("td");awayTeamCell.textContent = awayTeam;const resultCell = document.createElement("td");resultCell.classList.add("result");resultCell.textContent = result;row.appendChild(dateCell);row.appendChild(homeTeamCell);row.appendChild(awayTeamCell);row.appendChild(resultCell);resultsTable.appendChild(row);});// 动态生成赛程安排数据const fixturesTable = document.querySelectorAll("tbody")[2];fixtures.forEach(({ date, time, homeTeam, awayTeam }) => {const row = document.createElement("tr");const dateCell = document.createElement("td");dateCell.textContent = date;const timeCell = document.createElement("td");timeCell.textContent = time;const homeTeamCell = document.createElement("td");homeTeamCell.textContent = homeTeam;const awayTeamCell = document.createElement("td");awayTeamCell.textContent = awayTeam;row.appendChild(dateCell);row.appendChild(timeCell);
row.appendChild(homeTeamCell);row.appendChild(awayTeamCell);fixturesTable.appendChild(row);});
</script>
标签: 欧洲杯追踪器随时随地追踪你的球队和比赛结果
很赞哦! ()