JavaScript da mahsulotlar kalkulyatorida qayta hisoblash bilan tahrirlash
Keling, endi allowEdit funktsiyasini
oldingi darsda tavsiflangan qayta hisoblash
bajariladigan qilib takomillashtiramiz.
Hozircha sizning funktsiya kodingiz taxminan shunday ko'rinishda bo'lishi kerak:
function allowEdit(td) {
td.addEventListener('dblclick', function() {
let text = td.textContent
td.textContent = '';
let input = document.createElement('input');
input.value = text;
input.focus();
td.appendChild(input);
input.addEventListener('keydown', function(event) {
if (event.key == 'Enter') {
td.textContent = this.value;
}
});
});
}
Keling, narx va miqdor kataklari uchun qayta hisoblashni bajaradigan kodni qo'shamiz:
function allowEdit(td) {
td.addEventListener('dblclick', function() {
let text = td.textContent
td.textContent = '';
let input = document.createElement('input');
input.value = text;
input.focus();
td.appendChild(input);
input.addEventListener('keydown', function(event) {
if (event.key == 'Enter') {
td.textContent = this.value;
if (td.classList.contains('price') || td.classList.contains('amount')) {
// qayta hisoblashni bajaramiz
}
}
});
});
}
Yetishmayotgan kod qismini shunday to'ldiringki,
narx yoki miqdor katag'i o'zgarganda,
cost ustunidagi xarid narxi
o'zgarishi va umumiy summa qayta hisoblanishi kerak.