Маҳсулотлар ҳисоблаганда харидларни таҳрирлаш

Ҳозир ячейкаларни таҳрирлашни амалга оширамиз. Шартга кўра фақат биринчи 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 устунидаги харажат ўзгариши, шунгингдек умумий сумма қайта ҳисобланиши керак.

Бу нюансни кейинги дарсда ҳал этиш учун кейинги ҳал қилинадиган қисмавий вазифа сифатида қолдирамиз. Бошланиш учун эса қайта ҳисоблашсиз учита ячейкамизни таҳрирлаш имкониятини яратамиз.

Мен тасвирлаган ячейкаларни таҳрирлашни амалга оширинг.