Atrybut disabled w JavaScript

W HTML istnieją specjalne atrybuty bez wartości, na przykład atrybut disabled, używany do blokowania elementów. Aby ustawić taki atrybut, odpowiadającej właściwości należy przypisać wartość true, a aby usunąć - wartość false.

Spójrzmy na praktyce. Załóżmy, że mamy zablokowane pole input:

html<input id="elem" disabled>

Sprawdźmy wartość atrybutu disabled tego pola:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.disabled); // wypisze true

A teraz odblokujmy je:

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

Dane są pole input i przycisk. Po naciśnięciu przycisku zablokuj pole input.

Задание 2

Dane są pole input i dwa przyciski. Niech naciśnięcie pierwszego przycisku blokuje pole input, a naciśnięcie drugiego - odblokowuje.

Задание 3

Dane są pole input i przycisk. Po naciśnięciu przycisku sprawdź, czy pole input jest zablokowane czy nie.