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