Redigering med omberegning i produktkalkulator på JavaScript
La oss nå forbedre funksjonen allowEdit
så at den omberegningen som ble beskrevet i forrige
leksjon utføres.
På dette tidspunktet bør koden din for funksjonen se omtrent slik ut:
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;
}
});
});
}
La oss legge til kode som for cellen med pris og for cellen med antall vil utføre omberegning:
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')) {
// utfør omberegning
}
}
});
});
}
Skriv manglende del av koden slik at
når en celle med pris eller en celle med
antall endres, endres kjøpekostnaden
i kolonnen cost, og også
omberegning av totalsummen utføres.