Redaktimi i Blerjeve në Llogaritësin e Produkteve

Le të implementojmë tani redaktimin e qelizave. Sipas kushtit, mund të redaktohen vetëm 3 qelizat e para.

Këto janë ato:

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

Është e qartë se kodi për redaktim do të jetë i njëjtë për çdo qelizë: me një klikim të dyfishtë në vend të tekstit të qelizës duhet të shfaqet një input, dhe me shtypjen e Enter në input përmbajtja e tij duhet të bëhet teksti i ri i qelizës.

Unë propozoj të bëjmë një funksion që do të marrë si parametër një qelizë tabele dhe do t'i lidhë atij mundësinë e redaktimit:

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

Atëherë ne mund të aplikojmë funksionin tonë si më poshtë:

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

Lexuesi i vëmendshëm mund të vërejë që jo të gjitha qelizat janë të njëjta: sepse kur ndryshon qeliza me çmimin ose qeliza me sasinë, duhet të ndryshojë kostoja e blerjes në kolonën cost, dhe gjithashtu duhet kryer rillogaritja e shumës totale.

Këtë nuancë do ta lëmë si një nëndetyrë të ardhshme për t'u zgjidhur në mësimin vijues. Dhe për fillim thjesht le të bëjmë mundësinë e redaktimit të tri qelizave tona, pa rillogaritje.

Implementoni redaktimin e qelizave të përshkruar nga unë.