script.js
javascript
// 假设我们从外部 API 获取了实时比分和赛程表数据const liveScores = [{team1: "罗马",score: "2",team2: "莱斯特城"},{team1: "维拉利尔",score: "3",team2: "布拉加"}
];const fixtures = [{date: "2023-03-09",time: "19:45",team1: "阿森纳",team2: "埃因霍温"},{date: "2023-03-16",time: "22:00",team1: "尤文图斯",team2: "弗赖堡"}
];// 将实时比分插入表格中
const liveScoresTable = document.querySelector("live-scores table tbody");
liveScores.forEach((match) => {const row = document.createElement("tr");const team1Cell = document.createElement("td");team1Cell.textContent = match.team1;const scoreCell = document.createElement("td");scoreCell.textContent = match.score;const team2Cell = document.createElement("td");team2Cell.textContent = match.team2;row.appendChild(team1Cell);row.appendChild(scoreCell);row.appendChild(team2Cell);liveScoresTable.appendChild(row);
});// 将赛程表插入表格中
const fixturesTable = document.querySelector("fixtures table tbody");
fixtures.forEach((match) => {const row = document.createElement("tr");const dateCell = document.createElement("td");dateCell.textContent = match.date;const timeCell = document.createElement("td");timeCell.textContent = match.time;const team1Cell = document.createElement("td");team1Cell.textContent = match.team1;const scoreCell = document.createElement("td");scoreCell.textContent = "-";const team2Cell = document.createElement("td");team2Cell.textContent = match.team2;row.appendChild(dateCell);row.appendChild(timeCell);row.appendChild(team1Cell);row.appendChild(scoreCell);row.appendChild(team2Cell);fixturesTable.appendChild(row);
});