Untitled

 <script>
        const $ = document.querySelector.bind(document)
        const $$ = document.querySelectorAll.bind(document)

        const tabs = $$('.tab-item')
        const panes = $$('.tab-pane')

        tabs.forEach((tab, index) => {
            tab.onclick = function() {
                this.classList.add('active')
            }
        })
    </script>