JavaScript'теги формалар менен коддо каталарды издеп табуу

Төмөнкү тапшырмаларда бир программачы код жазган жана, мүмкүн, анда каталарды жаздырып койгон. Сиз текшеришиңиз керек, код сүрөттөлгөндөй иштейби же жокпу. Эгер код туура эмес иштесе, сиз каталарды оңдоп берүүсүз.

Задание 1

Textarea элементинин фокустан чыгарылганда (blur), анын матини дивге жазылышы керек:

html<textarea></textarea>
<div></div>

javascriptlet textarea = document.querySelector('textarea');
let div = document.querySelector('div');

textarea.addEventListener('blur', function() {
  div.textContent = textarea.value;
});

Задание 2

Баскычты чыкылдатканда дивге же бир, же экинчи маани жазылышы керек:

html<input type="checkbox">
<div></div>
<button>button</button>

javascriptlet checkbox = document.querySelector('input[type="checkbox"]');
let button = document.querySelector('button');
let div = document.querySelector('div');

button.addEventListener('click', function() {
  if (checkbox.checked) {
    div.textContent = '111';
  } else {
    div.textContent = '222';
  }
});

Задание 3

Баскычты чыкылдатканда, эгер чекбокс белгиленсе, анда бир маани чыгарылышы керек, ал эми белгиленбесе - башка маани:

html<input type="checkbox">
<button>button</button>

javascriptlet checkbox = document.querySelector('[type="checkbox"]');
let button = document.querySelector('button');

button.addEventListener('click', function() {
  if (checkbox.checked == true) {
    console.log('+++');
  } else {
    console.log('---');
  }
});