Атрибутът disabled в JavaScript

В HTML съществуват специални атрибути без стойности, например атрибутът disabled, използван за блокиране на елементи. За да зададете такъв атрибут, на съответното свойство трябва да се присвои стойност true, а за да се премахне - стойност false.

Да видим на практика. Нека имаме блокиран input:

html<input id="elem" disabled>

Нека изведем стойността на атрибута disabled на този input:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.disabled); // ще изведе true

А сега нека го отблокираме:

javascriptlet elem = document.querySelector('#elem');
elem.disabled = false;
Задание 1

Даден е input и бутон. При натискане на бутона блокирайте input.

Задание 2

Дадени са input и два бутона. Нека натискането на първия бутон блокира input, а натискането на втория - го отблокира.

Задание 3

Даден е input и бутон. При натискане на бутона разберете дали input е блокиран или не.