Уредување на купувања во калкулаторот за производи

Ајде сега да ја имплементираме функцијата за уредување на ќелиите. Според условот, може да се уредуваат само првите 3 ќелии.

Еве ги:

createCell(tr, name.value, 'name');
createCell(tr, price.value, 'price');
createCell(tr, amount.value, 'amount');

Очигледно е дека кодот за уредување ќе биде ист за секоја ќелија: при двоен клик наместо текстот во ќелијата треба да се појави влезно поле, а при притискање на Enter во влезното поле неговата содржина треба да стане нов текст на ќелијата.

Предлагам да направиме одредена функција која ќе прифаќа ќелија од табелата како параметар и ќе ја поврзе со можноста за уредување:

function allowEdit(td) {
	td.addEventListener('dblclick', function() {
		
	});
}

Тогаш можеме да ја примениме нашата функција на следниов начин:

allowEdit(createCell(tr, name.value, 'name'));
allowEdit(createCell(tr, price.value, 'price'));
allowEdit(createCell(tr, amount.value, 'amount'));

Внимателниот читач може да забележи дека не сите ќелии се исти: бидејќи при промена на ќелијата со цена или ќелијата со количина треба да се менува цената на купувањето во колоната cost, исто така да се изврши пресметување на вкупниот износ.

Оваа нијанса ќе ја оставиме како следна подзадача за решавање во следната лекција. А за почеток едноставно направете ја можноста за уредување на нашите три ќелии, без пресметување.

Имплементирајте го опишаното уредување на ќелии.