वैल्यू रहित एट्रिब्यूट्स को टॉगल करना

मान लें कि एक ब्लॉक किया गया इनपुट और एक बटन दिया गया है:

<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;
});

दिए गए कोड के काम करने का तरीका समझाइए।

एक चेकबॉक्स और एक बटन दी गई है। ऐसा करें कि बटन पर प्रत्येक क्लिक चेकबॉक्स की स्थिति में परिवर्तन कर दे।