start.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Start Page</title>
    <link rel="stylesheet" href="./Startstyle.css">
</head>
<body>
    <div class="start-container">
        <button id="start-button">
            <span>Start</span>
        </button>
    </div>

    <audio id="background-music" loop>
        <source src="./assets/retro-groove-202425.mp3" type="audio/mpeg">
    </audio>

    <script>
        document.getElementById('start-button').addEventListener('click', function() {
            const audio = document.getElementById('background-music');
            
            //Play the audio
            audio.play().then(() => {
                sessionStorage.setItem('playMusic', 'true');
            }).catch(error => {
                console.error('Auto-play failed:', error);
                sessionStorage.setItem('playMusic', 'false');
            });

            
            window.location.href = 'index.html';
        });
    </script>
</body>
</html>