Prev and next button JS

document.addEventListener('DOMContentLoaded', () => {



   let  tabs = document.querySelectorAll('.oxy-tab'),
        tabContents = document.querySelectorAll('.oxy-tab-content'),
        tabId = 0,
        tabContentId = 0


   // loop through each tab
    tabs.forEach(tab => {
        tab.dataset.id = tabId;
        tabId++;
    })



     tabContents.forEach(tabContent => {

       tabContent.dataset.id = tabContentId;
        tabContentId++;



       let	nextBtn = document.createElement('button'),
        	prevBtn = document.createElement('button')

       nextBtn.classList.add('next-btn')
		prevBtn.classList.add('prev-btn')


        prevBtn.innerText = 'Previous Question'
		nextBtn.innerText = 'Next Question'

        prevBtn.setAttribute('aria-label', prevBtn.innerText)
        nextBtn.setAttribute('aria-label', nextBtn.innerText)


        if(tabContent.dataset.id == 0 || tabContent.dataset.id < (tabContents.length - 1) ){
		   tabContent.append(nextBtn)
		}

       if(tabContent.dataset.id > 0){
		   tabContent.append(prevBtn)
		   }


        if (nextBtn){
        nextBtn.addEventListener('click', (e) =>{
            e.preventDefault();

            tabs.forEach(tab => {
                    if (tab.dataset.id === tabContent.dataset.id) {
                            tab.nextElementSibling.click()
                    }
                })
              })
        }



        if(prevBtn){
        prevBtn.addEventListener('click', (e) =>{
            e.preventDefault();

            tabs.forEach(tab => {
                    if (tab.dataset.id === tabContent.dataset.id) {
                            tab.previousElementSibling.click()
                    }
                })
            })

            }



     })






})