Redaktimi me Rillogaritje në Llogaritësin e Produkteve në JavaScript

Le të përmirësojmë tani funksionin allowEdit në mënyrë që të kryhet rillogaritja e përshkruar në mësimin e mëparshëm.

Deri në këtë pikë, kodi i funksionit tuaj duhet të duket përafërsisht kështu:

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

Le të shtojmë kodin, i cili për qelizën me çmimin dhe për qelizën me sasinë do të kryejë rillogaritjen:

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')) {
				 // kryeni rillogaritjen
				}
			}
		});
	});
}

Plotësoni pjesën e munguar të kodit në mënyrë që kur ndryshohet qeliza me çmimin ose qeliza me sasinë, kostoja e blerjes në kolonën cost të ndryshohet, dhe gjithashtu të kryhet rillogaritja e shumës totale.