Как отключать кнопку, если в поле введено меньшее значение с помощью JS/JQ?

Question

[Stacy None]

Есть значение, к примеру 42.
И есть поле input с кнопкой "сохранить" button id="btn".
Надо с помощью JS или JQ сделать так, что когда вводишь значение меньше 42, то к кнопке приписывается атрибут disabled. Когда значение больше, кнопка активируется.

Answer 1

[0xD34F]

О чём идёт речь - значение, инпут и кнопка:

const min = 666;
const inputSelector = 'input';
const buttonSelector = 'button';

Слушаем событие input, смотрим, как значение инпута соотносится с минимально допустимым:

const input = document.querySelector(inputSelector);
const button = document.querySelector(buttonSelector);

input.addEventListener('input', e => button.disabled = e.target.value < min);
input.dispatchEvent(new Event('input'));

// или

const $input = $(inputSelector);
const $button = $(buttonSelector);

$input.on('input', () => $button.prop('disabled', $input.val() < min)).trigger('input');

Comments

[Stacy None]

Не сработало(

[0xD34F]

Понимаю, правильно с первого раза скопипастить несколько строк - задача не из простых, не для средних умов. Но тут главное как - не сдаваться.