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.

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

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

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

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

Napin painalluksella diviin tulisi kirjoittua joko yksi tai toinen arvo:

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

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

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

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

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

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