Redigering met Herberekening in 'n Produkkalkulator op JavaScript

Laat ons nou die funksie allowEdit aanpas sodat die herberekening, soos beskryf in die vorige les, uitgevoer word.

Teen hierdie tydstip moet jou funksiekode ongeveer so lyk:

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

Laat ons kode byvoeg wat vir die sel met prys en vir die sel met hoeveelheid 'n herberekening sal uitvoer:

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')) {
					// voer herberekening uit
				}
			}
		});
	});
}

Voltooi die ontbrekende deel van die kode sodat wanneer die sel met prys of die sel met hoeveelheid verander word, die koopprys in die cost-kolom verander, en ook die herberekening van die totale som uitgevoer word.