Хатогиҳо дар рамзҳои формҳо дар JavaScript-ро ҷустуҷӯ кардан

Дар вазифаҳои навбатӣ баъзе барномасозҳо рамз навиштаанд ва, эҳтимолан, дар он хатогӣ кардаанд. Шумо бояд тафтиш кунед, оё рамз он чизеро мекунад, ки тавсиф шудааст. Агар рамз ба дурустӣ кор накунад, шумо бояд хатогиҳоро ислоҳ кунед.

Задание 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>

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>

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

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