Επεξεργασία με επανυπολογισμό στην αριθμομηχανή προϊόντων σε 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, και επίσης να εκτελείται επανυπολογισμός του συνολικού αθροίσματος.