Արժեք չունեցող ատրիբուտների հերթագայություն

Ենթադրենք տրված է արգելափակված ինփուտ և կոճակ.

<input id="elem" disabled>
<input id="button" type="submit">

Եկեք անենք, որ կոճակի վրա ամեն սեղմում հանգեցնի ինփուտի վիճակի փոփոխության - արգելափակվածից դեպի արգելափակումը հանված և հակառակը։ Սկզբից ստացենք մեր էլեմենտների հղումները փոփոխականների մեջ.

let elem   = document.querySelector('#elem');
let button = document.querySelector('#button');

Եվ հիմա իրականացնենք նախատեսվածը.

button.addEventListener('click', function() {
	if (elem.disabled) {
		elem.disabled = false;
	} else {
		elem.disabled = true;
	}
});

Սակայն խնդիրը կարելի է լուծել ավելի քիչ քանակով կոդի.

button.addEventListener('click', function() {
	elem.disabled = !elem.disabled;
});

Բացատրեք, թե ինչպես է աշխատում բերված կոդը։

Տրված է չեկբոքս և կոճակ։ Անեք, որ կոճակի վրա ամեն սեղմում հանգեցնի չեկբոքսի վիճակի փոփոխության։