Я пытаюсь «отключить» отключенную кнопку после выполнения определенных критериев. Возникли проблемы

Question

My HTML выглядит следующим образом для указанной кнопки c:

<h1 class = "counter">0</h1>

<button class="btn" type = "button" id = "lowerCountBtn" disabled>Lower Count</button>

В Javascript я создал переменную const, используемую для выбора элемента для вызова элемента HTML кнопка. Счетчик также был превращен в переменную из класса по коду HTML.

Мне бы хотелось, чтобы отключенная кнопка стала активной кнопкой после того, как счетчик, который я сделал после урока, увеличится с 0. А когда он вернется к 0, кнопка в вопросах снова отключится.

Ссылка github на код выглядит следующим образом: https://github.com/Abdullah-Ijaz/Counter

JAVASCRIPT:

let counter = document.querySelector('.counter');
const button = document.querySelector('button');


function ableButton(){ 
    if (counter.innerHTML === 0) {
        button.disabled = true;
    }
    else if (counter.innerHTML > 0) {
        button.disabled = false;
    }
}

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

Answer 1

Вы можете вызывать вашу функцию внутри обеих ваших incrementCounter и decrementCounter функций после остальных логических элементов c.

Кроме того, ваши условия в этих двух функциях сравнивают строки с '0'.

Почему бы не использовать переменную count и сравнить числа if (count > 0) et c