toggleTableBody.js

var btnn = document.querySelector('.footable-filtering');
let btn = document.createElement("button");
btn.classList.add('mybtn');
btn.innerHTML = "DISPLAY TABLE BODY";
btnn.append(btn);


$('.footable tbody').hide();

document.querySelector('button.mybtn').addEventListener('click', function(){

    $('.footable tbody').toggle();

    const initialText = 'HIDE TABLE BODY';

    if (btn.textContent.toLowerCase().includes(initialText.toLowerCase())) {
        btn.textContent = 'DISPLAY TABLE BODY';
    } else {
        btn.textContent = initialText;
    }
});