document.querySelectorAll(‘.ct-tab’).forEach(tab=>{

tab.addEventListener(‘click’, function(){

document.querySelectorAll(‘.ct-tab’).forEach(t=>{
t.classList.remove(‘active’);
});

document.querySelectorAll(‘.ct-tab-content’).forEach(c=>{
c.classList.remove(‘active’);
});

this.classList.add(‘active’);

document.getElementById(this.dataset.tab)
.classList.add(‘active’);

});

});

document.querySelectorAll(‘.ct-counter’).forEach(counter=>{

const input = counter.querySelector(‘input’);

counter.querySelector(‘.plus’).addEventListener(‘click’, ()=>{

input.value = parseInt(input.value) + 1;

});

counter.querySelector(‘.minus’).addEventListener(‘click’, ()=>{

if(input.value > 1){
input.value = parseInt(input.value) – 1;
}

});

});