function showTab(tabId) { const tabs = document.querySelectorAll(‘.tab-content’); tabs.forEach(tab => tab.style.display = ‘none’); document.getElementById(tabId).style.display = ‘block’; } .tabs { display: flex; justify-content: center; margin-bottom: 1em; } .tab { padding: 0.5em 1em; cursor: pointer; border: 1px solid #ccc; margin-right: 0.5em; background-color: #f9f9f9; } .tab:hover { background-color: #ddd; } .tab-content { text-align: center; }