ES6 Simple Tab Control

tab_control.js

export class TabControl {
    constructor(element){
        this.element = element;

        this.element.addEventListener('click', this.handleClick.bind(this));
        let firstOption = this.element.querySelector('.tab-option');
        firstOption.classList.add('active');
    }

    handleClick(e){
        if(e.srcElement.classList.contains('tab-option')){
            this.element.querySelectorAll('.tab-option').forEach((e) => { e.classList.remove('active') });
            e.srcElement.classList.add('active');
        }
    }
}

document.querySelectorAll('.tab-control').forEach((element) => {
    new TabControl(element);
});