Уређивање са прерачунавањем у калкулатору производа на JavaScript-у
Хајде сада да дорадимо функцију allowEdit
тако да се изврши прерачунавање описано у претходној
лекцији.
До овог тренутка, код ваше функције би требало да изгледа отприлике овако:
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;
}
});
});
}
Додајмо код који ће за ћелију са ценом и за ћелију са количином извршавати прерачунавање:
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')) {
// извршимо прерачунавање
}
}
});
});
}
Допуните недостајући део кода тако да
при промени ћелије са ценом или ћелије са
количином мења цена куповине
у колони cost, као и да се изврши
прерачунавање укупног износа.