Атрибут disabled в JavaScript

В HTML существуют специальные атрибуты без значений, например, атрибут disabled, используемый для блокировки элементов. Для того, чтобы установить такой атрибут, соответствующему свойству требуется присвоить значение true, а чтобы убрать - значение false.

Давайте посмотрим на практике. Пусть у нас есть заблокированый инпут:

<input id="elem" disabled>

Давайте выведем значение атрибута disabled этого инпута:

let elem = document.querySelector('#elem'); console.log(elem.disabled); // выведет true

А теперь давайте отблокируем его:

let elem = document.querySelector('#elem'); elem.disabled = false;

Дан инпут и кнопка. По нажатию на кнопку заблокируйте инпут.

Дан инпут и две кнопки. Пусть нажатие на первую кнопку блокирует инпут, а нажатие на вторую - отблокирует.

Дан инпут и кнопка. По нажатию на кнопку узнайте, заблокирован инпут или нет.