datatables/components/toolbar/SearchBar.js

export default class SearchBar {
    constructor(onSearch) {
        this.onSearch = onSearch;
    }

    render() {
        this.searchBarContainer = document.createElement('div');
        this.searchBarContainer.classList.add('search-bar');

        this.inputElement = document.createElement('input');
        this.inputElement.classList.add('form-control')
        this.inputElement.setAttribute('type', 'text');
        this.inputElement.addEventListener('keydown', (event) => {
            if (event.key === 'Enter') {
                this.searchText = this.inputElement.value;
                this.onSearch(this.searchText);
            }
        });

        this.searchBarContainer.appendChild(this.inputElement);

        return this.searchBarContainer;
    }

    getSearch(){
        return this.inputElement.value;
    }
}