Virheiden etsiminen lomakkeiden koodista JavaScriptissä

Seuraavissa tehtävissä eräs ohjelmoija on kirjoittanut koodia ja mahdollisesti tehnyt siinä virheitä. Sinun tulee tarkistaa, tekeekö koodi kuvatun asian. Jos koodi toimii väärin, sinun tulee korjata virheet.

Задание 1

Kun textarea menettää fokuksin, sen tekstin tulisi kirjoittua diviin:

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

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

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

Задание 2

Napin painalluksella diviin tulisi kirjoittua joko yksi tai toinen arvo:

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

Napin painalluksella, jos valintaruutu on valittu, tulisi tulostua yksi arvo, ja jos ei valittu - toinen:

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