Chuyển đổi thuộc tính không có giá trị

Giả sử có một trường nhập liệu bị vô hiệu hóa và một nút bấm:

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

Hãy thực hiện sao cho mỗi lần nhấn vào nút sẽ dẫn đến việc thay đổi trạng thái của trường nhập liệu - từ bị vô hiệu hóa sang được kích hoạt và ngược lại. Đầu tiên, hãy lấy tham chiếu đến các phần tử của chúng ta vào các biến:

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

Và bây giờ hãy thực hiện ý tưởng đã định:

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

Tuy nhiên, nhiệm vụ có thể được giải quyết với ít code hơn:

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

Hãy giải thích cách thức hoạt động của đoạn code trên.

Cho một hộp kiểm (checkbox) và một nút bấm. Hãy thực hiện sao cho mỗi lần nhấp vào nút sẽ dẫn đến việc thay đổi trạng thái của hộp kiểm.