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:
html<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:
javascriptlet elem = document.querySelector('#elem');
let button = document.querySelector('#button');
Và bây giờ hãy thực hiện ý tưởng đã định:
javascriptbutton.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:
javascriptbutton.addEventListener('click', function() {
elem.disabled = !elem.disabled;
});
Задание 1
Hãy giải thích cách thức hoạt động của đoạn code trên.
Задание 2
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.