Editare cu recalculare în calculatorul de produse pe JavaScript

Să modificăm acum funcția allowEdit astfel încât să fie efectuată recalcularea descrisă în lecția precedentă.

Până în acest moment, codul funcției voastre ar trebui să arate aproximativ astfel:

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

Să adăugăm cod care pentru celula cu prețul și pentru celula cu cantitatea va efectua recalcularea:

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')) {
					// vom efectua recalcularea
				}
			}
		});
	});
}

Completați partea de cod care lipsește astfel încât la modificarea celulei cu prețul sau a celulei cu cantitatea să se modifice costul achiziției în coloana cost, iar de asemenea să fie efectuată recalcularea sumei totale.