Məhsul kalkulyatorunda alınanların redaktə edilməsi
Gəlin indi xanaların redaktə edilməsini həyata keçirək.
Şərtə görə, yalnız ilk
3 xananı redaktə etmək olar.
Onlar bunlardır:
createCell(tr, name.value, 'name');
createCell(tr, price.value, 'price');
createCell(tr, amount.value, 'amount');
Aydındır ki, redaktə üçün kod
hər xana üçün eyni olacaq: twoqle klik zamanı
xananın mətninin yerində
input görünməli, və inputda Enter basıldıqda
onun məzmunu xananın yeni mətni olmalıdır.
Təklif edirəm ki, müəyyən bir funksiya edək ki, parametr kimi cədvəl xanasını qəbul etsin və ona redaktə imkanı əlavə etsin:
function allowEdit(td) {
td.addEventListener('dblclick', function() {
});
}
O zaman biz funksiyamızı aşağıdakı kimi tətbiq edə bilərik:
allowEdit(createCell(tr, name.value, 'name'));
allowEdit(createCell(tr, price.value, 'price'));
allowEdit(createCell(tr, amount.value, 'amount'));
Diqqətli oxucu bunu görə bilər ki,
bütün xanalar eyni deyil: çünki
qiymət xanasını və ya miqdar xanasını dəyişdikdə
cost sütununda alışın dəyəri dəyişməlidir,
həmçinin ümumi məbləğ yenidən hesablanmalıdır.
Bu nüansı növbəti dərsdə həll ediləcək növbəti alt-vəzifə kimi buraxacıq. Və əvvəlcə yenidən hesablama olmadan üç xanamızın redaktə edilmə imkanını edək.
Təsvir etdiyim xanaların redaktə edilməsini həyata keçirin.
