Как изменить кнопку в зависимости от полученного значения?

Question

Я хочу показать кнопку успеха, если мое значение меньше 90, и показать кнопку предупреждения, если значение равно или больше 90. Значение получено в JS.Это следующие кнопки:

<button type="button" class="btn btn-warning" data-toggle="tooltip" data-placement="top" title="Warning">Server 1</button>

<button type="button" class="btn btn-success" data-toggle="tooltip" data-placement="top" title="Normal">Server 2</button>

Как включить / показать, отключить / скрыть кнопку в зависимости от значения, которое я получаю?

Заранее спасибо.

Answer 1

Проверьте, не является ли ваше значение меньше 90, и соответственно измените свойство кнопок display.

if(value < 90) {
    document.querySelector(".btn-warning").style.display = "none";
    document.querySelector(".btn-success").style.display = null;
} else {
    document.querySelector(".btn-warning").style.display = null;
    document.querySelector(".btn-success").style.display = "none";
}

Вместо .querySelector(), вы также можете рассмотреть возможность использования идентификаторов и .getElementByID()или любые другие средства извлечения элементов.Если вы используете jQuery, это можно сделать с помощью метода .css().