<script>const refreshButton = document.querySelector("button");refreshButton.addEventListener("click", () => {// 模拟刷新比分const matchList = document.querySelector(".match-list");matchList.innerHTML = "";// 这里可以从后端获取实时比分数据，并更新界面// 模拟数据const matches = [{league: "英超",teams: ["阿森纳", "曼城"],score: "2 - 1",status: "完场"},{league: "西甲",teams: ["皇家马德里", "巴塞罗那"],score: "1 - 2",status: "进行中"},{league: "德甲",teams: ["拜仁慕尼黑", "多特蒙德"],score: "0 - 0",status: "未开始"},{league: "意甲",teams: ["尤文图斯", "AC米兰"],score: "2 - 1",status: "完场"},{league: "法甲",teams: ["巴黎圣日耳曼", "马赛"],score: "3 - 2",status: "进行中"},{league: "荷甲",teams: ["阿贾克斯", "埃因霍温"],score: "0 - 0",status: "未开始"},{league: "葡超",teams: ["本菲卡", "波尔图"],score: "1 - 0",status: "完场"},{league: "俄超",teams: ["泽尼特圣彼得堡", "莫斯科斯巴达"],score: "2 - 1",status: "进行中"}];matches.forEach(match => {const li = document.createElement("li");const matchInfo = document.createElement("div");matchInfo.classList.add("match-info");const leagueSpan = document.createElement("span");leagueSpan.innerText = match.league;const teamsSpan = document.createElement("span");teamsSpan.innerText = `${match.teams[0]} vs ${match.teams[1]}`;const scoreDiv = document.createElement("div");scoreDiv.classList.add("score");scoreDiv.innerText = match.score;const statusDiv = document.createElement("div");statusDiv.classList.add("status");statusDiv.innerText = match.status;matchInfo.appendChild(leagueSpan);matchInfo.appendChild(teamsSpan);li.appendChild(matchInfo); li.appendChild(scoreDiv);li.appendChild(statusDiv);matchList.appendChild(li);});});</script> </style>

相关阅读： 竞彩足球比分实时更新 天天盈球不再是梦