การแก้ไขด้วยการคำนวณใหม่ในเครื่องคิดเลขผลิตภัณฑ์ด้วย JavaScript

ตอนนี้เรามาปรับปรุงฟังก์ชัน allowEdit เพื่อให้การคำนวณใหม่ตามที่อธิบายในบทเรียนที่แล้ว ถูกดำเนินการ

ณ จุดนี้ รหัสของฟังก์ชันของคุณ ควรมีลักษณะประมาณนี้:

function allowEdit(td) {
	td.addEventListener('dblclick', function() {
		let text = td.textContent
		td.textContent = '';
		
		let input = document.createElement('input');
		input.value = text;
		input.focus();
		td.appendChild(input);
		
		input.addEventListener('keydown', function(event) {
			if (event.key == 'Enter') {
				td.textContent = this.value;
			}
		});
	});
}

เรามาเพิ่มรหัสซึ่งสำหรับเซลล์ราคาและ เซลล์จำนวนจะดำเนินการ คำนวณใหม่:

function allowEdit(td) {
	td.addEventListener('dblclick', function() {
		let text = td.textContent
		td.textContent = '';
		
		let input = document.createElement('input');
		input.value = text;
		input.focus();
		td.appendChild(input);
		
		input.addEventListener('keydown', function(event) {
			if (event.key == 'Enter') {
				td.textContent = this.value;
				
				if (td.classList.contains('price') || td.classList.contains('amount')) {
					// ดำเนินการคำนวณใหม่
				}
			}
		});
	});
}

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