Atributo disabled em JavaScript
Em HTML, existem atributos especiais sem
valores, por exemplo, o atributo disabled,
usado para bloquear elementos. Para
definir esse atributo, a propriedade correspondente
precisa receber o valor true,
e para removê-lo - o valor false.
Vamos ver na prática. Suponha que temos uma input bloqueada:
<input id="elem" disabled>
Vamos exibir o valor do atributo disabled
desta input:
let elem = document.querySelector('#elem');
console.log(elem.disabled); // exibirá true
E agora vamos desbloqueá-la:
let elem = document.querySelector('#elem');
elem.disabled = false;
Dada uma input e um botão. Ao clicar no botão, bloqueie a input.
Dada uma input e dois botões. Faça com que o clique no primeiro botão bloqueie a input, e o clique no segundo - a desbloqueie.
Dada uma input e um botão. Ao clicar no botão, descubra se a input está bloqueada ou não.