Αναζήτηση σφαλμάτων στον κώδικα με φόρμες σε JavaScript

Στις επόμενες ασκήσεις, κάποιος προγραμματιστής έγραψε κώδικα και πιθανόν να έκανε λάθη. Πρέπει να ελέγξετε αν ο κώδικας κάνει ό,τι περιγράφεται. Αν ο κώδικας δεν λειτουργεί σωστά, πρέπει να διορθώσετε τα λάθη.

Όταν χάσει το focus, το κείμενο από το textarea πρέπει να γραφτεί στο div:

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

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

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

Όταν γίνει κλικ στο κουμπί, στο div πρέπει να γραφτεί είτε η μία, είτε η άλλη τιμή:

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

Όταν γίνει κλικ στο κουμπί, αν το checkbox είναι επιλεγμένο, πρέπει να εμφανιστεί μια τιμή, και αν δεν είναι επιλεγμένο - μια άλλη:

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