根据您的偏好设置，我们为您量身打造独家的足球比分资讯。只需选择您感兴趣的球队，我们就会为您实时推送相关比分信息。
实时比分：
<script>
const form = document.getElementById('form');const results = document.querySelector('.results');const resultsHeading = document.getElementById('results-heading');form.addEventListener('submit', (e) => {e.preventDefault();// 获取用户选择的球队const teams = [...document.querySelectorAll('input[name="teams"]:checked')].map(team => team.value);// 实时获取比分const socket = new WebSocket('ws://localhost:8080');socket.addEventListener('open', () => {console.log('连接已建立');// 向 WebSocket 发送用户选择的球队socket.send(JSON.stringify(teams));});socket.addEventListener('message', (e) => {const data = JSON.parse(e.data);// 更新实时比分resultsHeading.textContent = `实时比分：`;results.innerHTML = '';for (const match of data) {const resultItem = document.createElement('div');resultItem.classList.add('result-item');const team1 = document.createElement('span');team1.classList.add('result-team');team1.textContent= match.team1;const score = document.createElement('span');score.classList.add('result-score');score.textContent = `${match.score1} - ${match.score2}`;const team2 = document.createElement('span');team2.classList.add('result-team');team2.textContent = match.team2;resultItem.appendChild(team1);resultItem.appendChild(score);resultItem.appendChild(team2);results.appendChild(resultItem);}results.style.display = 'flex';});socket.addEventListener('error', (e) => {console.error('WebSocket 错误：', e);});socket.addEventListener('close', (e) => {console.log('连接已关闭');});});
</script>
