การค้นหาข้อผิดพลาดในโค้ดที่มีฟอร์มใน JavaScript

ในงานต่อไปนี้ โปรแกรมเมอร์ได้เขียนโค้ดบางส่วน และอาจมีข้อผิดพลาดอยู่ในนั้น คุณต้องตรวจสอบว่า โค้ดทำงานตามที่อธิบายไว้หรือไม่ หากโค้ด ทำงานไม่ถูกต้อง คุณต้องแก้ไขข้อผิดพลาด

เมื่อ textarea สูญเสียโฟกัส ข้อความจาก 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('---');
	}
});