Izmena sa preračunavanjem u kalkulatoru proizvoda u JavaScript-u
Hajde sada da doradimo funkciju allowEdit
tako da se izvrši preračunavanje opisano u prethodnoj
lekciji.
Do ovog trenutka, kod vaše funkcije treba da izgleda otprilike ovako:
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;
}
});
});
}
Dodajmo kod koji će za ćeliju sa cenom i za ćeliju sa količinom izvršiti preračunavanje:
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')) {
// izvršićemo preračunavanje
}
}
});
});
}
Dopišite deo koda koji nedostaje tako da se
pri promeni ćelije sa cenom ili ćelije sa
količinom menja vrednost kupovine
u koloni cost, a takođe da se izvrši
preračunavanje ukupnog iznosa.