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 열의 구매 비용이 변경되고 총액 재계산이 수행되도록 부족한 부분의 코드를 작성하세요.