JavaScript да формалар билан ишлашда коддаги хатоларни топиш

Куйидаги масалаларда бир программист код ёзган ва, эҳтимол, унда хатолар қилган. Сиз коднинг тавсифланган ишни бажараётганини текширишингиз керак. Aгар код нотўғри ишласа, сиз хатоларни тўғрилашингиз керак.

Задание 1

Textarea дан фокус йўқолганида унинг матни див га ёзилиши керак:

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