JavaScript 폼 코드에서 오류 찾기

다음 작업에서 어떤 프로그래머가 코드를 작성했고, 아마도 거기에 오류가 있을 수 있습니다. 코드가 설명된 대로 작동하는지 확인해야 합니다. 코드가 올바르게 작동하지 않는다면, 오류를 수정해야 합니다.

포커스를 잃을 때 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';
	}
});

버튼을 클릭할 때, 체크박스가 선택된 경우 하나의 값이 출력되어야 하고, 선택되지 않은 경우 다른 값이 출력되어야 합니다:

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