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

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

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

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

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

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

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

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

javascriptbutton.addEventListener('click', function() {
  elem.disabled = !elem.disabled;
});
Задание 1

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

Задание 2

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