Beta
Home
Games
Music
Video
Settings
</div> <div id="video" class="tab-content"></div> <div id="settings" class="tab-content"></div> </main> <!-- Tab Switching Logic --> <script> function openTab(event, tabId) { // Hide all tab contents const contents = document.querySelectorAll('.tab-content'); contents.forEach(content => content.classList.remove('active')); // Remove active class from all buttons const buttons = document.querySelectorAll('.nav-button'); buttons.forEach(button => button.classList.remove('active')); // Show current tab and highlight matching button document.getElementById(tabId).classList.add('active'); event.currentTarget.classList.add('active'); // Update URL hash without adding extra history entries history.replaceState(null, null, `#${tabId}`); } // Optional: Load tab based on URL hash when page opens window.addEventListener('DOMContentLoaded', () => { const hash = window.location.hash.replace('#', ''); if (hash) { const targetButton = [...document.querySelectorAll('.nav-button')].find(btn => btn.getAttribute('onclick').includes(`'${hash}'`)); if (targetButton) { targetButton.click(); } } }); </script> </body> </html>