Vásárlások szerkesztése a termékkalkulátorban

Most valósítsuk meg a cellák szerkesztését. A feltétel szerint csak az első 3 cella szerkeszthető.

Ezek:

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

Nyilvánvaló, hogy a szerkesztési kód ugyanaz lesz minden cellára: dupla kattintásra a cella szövege helyett egy input jelenjen meg, és a Enter megnyomásakor az input tartalma legyen a cella új szövege.

Javaslom, hogy készítsünk egy függvényt, amely paraméterként fogadja a táblázat celláját és hozzárendeli a szerkesztési lehetőséget:

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

Ekkor alkalmazhatjuk a függvényünket a következő módon:

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

A figyelmes olvasó észreveheti, hogy nem minden cella egyforma: hiszen az ár cella vagy a mennyiség cella megváltoztatásakor a cost oszlopban a vásárlás költsége is változzon, valamint az összesített összeg újraszámolása is történjen.

Ezt az árnyalatot a következő feladatként hagyjuk a következő leckében való megoldásra. Először egyszerűen valósítsuk meg a szerkesztési lehetőséget a három cellánkra, újraszámolás nélkül.

Valósítsa meg a leírt cellaszerkesztést.