Сатып алуларды өңдеу

Енді ұяшықтарды өңдеуді жүзеге асырайық. Шарт бойынша тек алғашқы 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 бағанындағы сатып алу құны өзгеруі керек, сонымен қатар жалпы соманы қайта есептеу орындалуы керек.

Бұл нюансты біз келесі сабақта шешетін келесі ішкі мәселе ретінде қалдырамыз. Алдымен тек қайта есептеусіз үш ұяшықты өңдеу мүмкіндігін жасайық.

Мен сипаттаған ұяшықтарды өңдеуді жүзеге асырыңыз.