index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MusicManiA</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <header>
        <div class="ball"></div>
        <h1>MusicManiA</h1>
        <nav>
            <ul>
                <li><a href="https://en.wikipedia.org/wiki/Juice_Wrld">Juice Wrld</a></li>
                <li><a href="https://en.wikipedia.org/wiki/XXXTentacion">XXXTentacion</a></li>
                <li><a href="https://en.wikipedia.org/wiki/Eminem">Eminem</a></li>
                <li><button onclick="change()">Change Theme</button></li>
            </ul>
        </nav>
    </header>
    <div class="sqr">
        <p class="p">Surprise XD</p>
        <div class="in">Hover Me :)</div>
    </div>
    <div class="audio">
        <audio id="song" src="audio/Juice WRLD - I_ll Be Fine (Official Audio)(MP3_320K).mp3" title="Juice WRLD - I'll Be Fine" controls></audio>
        <audio id="song" src="audio/XXXTENTACION - BAD_ (Official Music Video)(MP3_320K) (1).mp3" title="XXXTENTACION - BAD" controls></audio>
        <audio id="song" src="audio/Eminem - Godzilla (Lyrics) ft. Juice WRLD(MP3_320K).mp3" title="Eminem - Godzilla" controls></audio>
    </div>

    <!-- <h1 style="color:red; background:orange;">Dont Open console XD</h1> -->
    <script src="script.js"></script>
</body>

</html>