Edit dengan Perhitungan Ulang di Kalkulator Produk JavaScript

Sekarang mari kita sempurnakan fungsi allowEdit sehingga perhitungan ulang yang dijelaskan dalam pelajaran sebelumnya dapat dilakukan.

Pada titik ini, kode fungsi Anda seharusnya terlihat 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 tambahkan kode yang untuk sel dengan harga dan sel dengan jumlah akan melakukan perhitungan ulang:

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')) {
					// lakukan perhitungan ulang
				}
			}
		});
	});
}

Tulis bagian kode yang kurang sehingga ketika sel harga atau sel jumlah diubah, biaya pembelian di kolom cost berubah, dan perhitungan ulang total juga dilakukan.