Vormidega JavaScripti koodis vigade otsimine

Järgmistes ülesannetes on mõni programmeerija kirjutanud koodi ja võib-olla teinud selles vigu. Peate kontrollima, kas kood teeb seda, mida on kirjeldatud. Kui kood ei tööta korrektselt, peate vead parandama.

Задание 1

Kui textarea kaotab fookuse, peab tekst textareast kirjutatama div-i:

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

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

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

Задание 2

Nupule klõpsates peab div-i kirjutatama üks või teine väärtus:

html<input type="checkbox">
<div></div>
<button>nupp</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

Nupule klõpsates, kui märkeruut on märgitud, peab kuvatama ühe väärtuse, ja kui pole märgitud - teise:

html<input type="checkbox">
<button>nupp</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('---');
  }
});