Pengiraan Semula Suntingan dalam Kalkulator Produk JavaScript

Sekarang mari kita tambah baik fungsi allowEdit supaya pengiraan semula yang diterangkan dalam pelajaran sebelumnya dilaksanakan.

Pada tahap ini, kod untuk fungsi anda sepatutnya kelihatan seperti ini:

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

Mari tambah kod yang akan melaksanakan pengiraan semula untuk sel dengan harga dan untuk sel dengan kuantiti:

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')) {
					// laksanakan pengiraan semula
				}
			}
		});
	});
}

Sila lengkapkan bahagian kod yang hilang supaya apabila sel harga atau sel kuantiti diubah, kos pembelian dalam lajur cost turut berubah, dan pengiraan semula jumlah keseluruhan dilaksanakan.