Как включить кнопки при изменении значения переменной в Html / Javascript / Jquery

Question

У меня есть две простые кнопки, отключенные по умолчанию:

<button type="button" id="validate" style="position: absolute; left:1250px; top:500px; height:20px;"> Validate </button>
<button type="button" id="review" style="position: absolute; left:1250px; top:530px; height:20px;"> Review</button>

и логическая переменная, которая меняется с false на true, когда достигает значения числа страниц PDF. Этот код записан в другом html файле:

const showNextPage = () => {
    if (pageNum >= pdfDoc.numPages) {
        return;
    }
    pageNum++;
    queueRenderPage(pageNum);
    if (pageNum == pdfDoc.numPages) {
        end = true;
    }
};

на главной странице:

//code

if (end) {
            document.getElementById("validate").disabled = false;
            document.getElementById("review").disabled = false;
        }

, поэтому вопрос прост: когда переменная становится истинной, кнопки не изменить, так что я могу сделать? Существуют ли какие-либо опции для запуска функции / некоторого кода при изменении значения переменной?

Answer 1

Я не знаю о функции или о том, правильно ли она подтверждает, что вы находитесь на последней странице, но вам следует изменить состояние отключения на true, чтобы отключить кнопку.

document.getElementById("validate").disabled = true;