`; gamesDiv.appendChild(gameDiv); // Add team player cards const teamCardDiv = document.createElement('div'); teamCardDiv.className = 'team-card'; teamCardDiv.innerHTML = ` `; // Update Team Players const homeTeamPlayersHTML = game.home_team_players.map(player => ` `).join(''); const awayTeamPlayersHTML = game.away_team_players.map(player => ` `).join(''); teamCardDiv.querySelector(`#home-team-players-${index}`).innerHTML = ``; teamCardDiv.querySelector(`#away-team-players-${index}`).innerHTML = ``; teamCardsDiv.appendChild(teamCardDiv); }); } // Update Standings (No change needed for filtering) let standingsHTML = ` `; standings.forEach(item => { standingsHTML += ` `; }); standingsHTML += '

Pos	Team	W	L	T	PF	PA	Diff
${item.position ?? '-'}	${item.team.name}	${item.won ?? '-'}	${item.lost ?? '-'}	${item.ties ?? '-'}	${item.points.for ?? '-'}	${item.points.against ?? '-'}	${item.points.difference ?? '-'}

'; standingsTable.innerHTML = standingsHTML; }; const sortTable = (columnIndex) => { const table = document.getElementById('standingsTable'); const rows = Array.from(table.rows).slice(1); const isNumeric = !isNaN(rows[0].cells[columnIndex].innerText); let isAscending = table.getAttribute('data-sort-asc') === 'true'; rows.sort((a, b) => { const cellA = a.cells[columnIndex].innerText; const cellB = b.cells[columnIndex].innerText; return isNumeric ? (isAscending ? cellA - cellB : cellB - cellA) : (isAscending ? cellA.localeCompare(cellB) : cellB.localeCompare(cellA)); }); table.setAttribute('data-sort-asc', !isAscending); rows.forEach(row => table.appendChild(row)); }; const showTeam = (index, team) => { const homeTeamDiv = document.getElementById(`home-team-players-${index}`); const awayTeamDiv = document.getElementById(`away-team-players-${index}`); if (team === 'home') { homeTeamDiv.style.display = 'block'; awayTeamDiv.style.display = 'none'; } else { homeTeamDiv.style.display = 'none'; awayTeamDiv.style.display = 'block'; } }; document.addEventListener('DOMContentLoaded', () => { loadJSON('https://hererockhill.com/data.json') .then(data => updateUI(data)) .catch(error => console.error('Error loading data:', error)); // Trigger a resize event to ensure cards expand properly window.dispatchEvent(new Event('resize')); // Reload the page every 3 minutes setInterval(() => { location.reload(); }, 30000); });