let editfunc = (pageid) => {
    let editbtn = document.getElementById('divedit-' + pageid);
    let divbtn = document.getElementById('div-' + pageid);
    let inputbtn = document.getElementById('input-' + pageid);

    if(editbtn.classList.contains('d-block')){
        editbtn.classList.remove('d-block');
        editbtn.classList.add('d-none');
    }

    if(divbtn.classList.contains('d-none')){
        divbtn.classList.remove('d-none');
        divbtn.classList.add('d-block');
    }
    inputbtn.disabled = false;

}

let savefunc = (pageid) => {
    // let editbtn = document.getElementById('editButton-' + pageid);
    // let divbtn = document.getElementById('div-' + pageid);

    // if(editbtn.classList.contains('d-block')){
    //     editbtn.classList.remove('d-block');
    //     editbtn.classList.add('d-none');
    // }

    // if(divbtn.classList.contains('d-none')){
    //     divbtn.classList.remove('d-none');
    //     divbtn.classList.add('d-block');
    // }
}

let cancelfunc = (pageid) => {
    let editbtn = document.getElementById('divedit-' + pageid);
    let divbtn = document.getElementById('div-' + pageid);
    let inputbtn = document.getElementById('input-' + pageid);

    if(editbtn.classList.contains('d-none')){
        editbtn.classList.remove('d-none');
        editbtn.classList.add('d-block');
    }

    if(divbtn.classList.contains('d-block')){
        divbtn.classList.remove('d-block');
        divbtn.classList.add('d-none');
    }

    inputbtn.disabled = true;
}