    <script>
        // Replace with the actual URL of your JSON data
        const apiUrl = 'schedule.json';

        async function fetchSchedule() {
            try {
                const response = await fetch(apiUrl);
                if (!response.ok) {
                    throw new Error('Failed to fetch schedule');
                }
                const schedule = await response.json();
                const scheduleTable = document.getElementById('schedule');
                
                schedule.forEach(match => {
                    const row = document.createElement('tr');
                    row.innerHTML = `
                        <td>${match.time}</td>
                        <td>${match.event}</td>
                        <td>${match.teams}</td>
                        <td><a href='${match.link}' target='_blank'>${match.ch}</a></td>
                    `;
                    scheduleTable.appendChild(row);
                });
            } catch (error) {
                console.error('Error fetching schedule:', error);
            }
        }

        // Fetch the schedule on page load
        fetchSchedule();
    </script>