Attributes without values alternation
Mənbə: bloklanmış input və düymə verilsin:
html<input id="elem" disabled>
<input id="button" type="submit">
Gəlin elə edək ki, düyməyə hər klik inputun vəziyyətinin dəyişməsinə səbəb olsun - bloklanmışdan blokdan çıxarılmışa və əksinə. Əvvəlcə elementlərimizə dəyişənlərdə istinadları əldə edək:
javascriptlet elem = document.querySelector('#elem');
let button = document.querySelector('#button');
İndi isə nəzərdə tutulanı həyata keçirək:
javascriptbutton.addEventListener('click', function() {
if (elem.disabled) {
elem.disabled = false;
} else {
elem.disabled = true;
}
});
Lakin tapşırığı daha az kodla həll etmək olar:
javascriptbutton.addEventListener('click', function() {
elem.disabled = !elem.disabled;
});
Задание 1
Verilmiş kodun necə işlədiyini izah edin.
Задание 2
Çekboks və düymə verilib. Elə edin ki, düyməyə hər klik çekboksun vəziyyətinin dəyişməsinə səbəb olsun.