JavaScript да формалар билан ишлашда коддаги хатоларни топиш

Куйидаги масалаларда бир программист код ёзган ва, эҳтимол, унда хатолар қилган. Сиз коднинг тавсифланган ишни бажараётганини текширишингиз керак. Aгар код нотўғри ишласа, сиз хатоларни тўғрилашингиз керак.

Textarea дан фокус йўқолганида унинг матни див га ёзилиши керак:

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

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

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

Тугмага босилганда див га битта ёки бошқа қиймат ёзилиши керак:

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

Тугмага босилганда, агар чекбокс белгиланган бўлса, битта қиймат чиқарилиши, белгиланмаган бўлса эса бошқаси чиқарилиши керак:

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