Продукт калькуляторунда сатып алууларды оңдоо

Эми уячаларды оңдоону ишке ашыралы. Шарт боюнча биринчи 3 уячаны гана оңдоого болот.

Алар мыналар:

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

Уячаларды оңдоо коду ар бир уяча үчүн окшош болору ачык-айкын: уячанын текстине кош чыкылдаганда, ордуна input пайда болушу керек, ал эми input ичинде 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 тилкесиндеги сатып алуунун баасы, ошондой эле жалпы сумма кайра эсептелиши керек.

Бул нюансты кийинки сабакта чечүү үчүн кийинки кошумча милдет катары калтырабыз. Алгач, эсептөөсүз, биздин үч уячаны оңдоо мүмкүнчүлүгүн гана түзөбүз.

Менин сүрөттөгөн уячаларды оңдоонун ишке ашырылышын ишке ашырыңыз.