Fouten zoeken in code met formulieren in JavaScript

In de volgende taken heeft een programmeur code geschreven en mogelijk fouten gemaakt. Je moet controleren of de code doet wat beschreven is. Als de code niet correct werkt, moet je de fouten corrigeren.

Bij het verlies van focus moet de tekst uit de textarea worden geschreven naar de div:

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

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

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

Bij een klik op de knop moet in de div of de ene, of de andere waarde worden geschreven:

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

Bij een klik op de knop, als de checkbox is aangevinkt, moet de ene waarde worden weergegeven, en als deze niet is aangevinkt - de andere:

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