Уредување со пресметување во калкулатор на производи на 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, а исто така да се изврши
пресметување на вкупниот износ.