Editovanie s prepočítaním v kalkulačke produktov v JavaScripte
Poďme teraz upraviť funkciu allowEdit
tak, aby sa vykonal prepočet popísaný v predchádzajúcej
lekcii.
V tomto momente by mal kód vašej funkcie vyzerať približne takto:
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;
}
});
});
}
Pridajme kód, ktorý pre bunku s cenou a pre bunku s množstvom vykoná prepočet:
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')) {
// vykonáme prepočet
}
}
});
});
}
Doplňte chýbajúcu časť kódu tak, aby
pri zmene bunky s cenou alebo bunky s
množstvom sa zmenila cena nákupu
v stĺpci cost, a tiež sa vykonal
prepočet celkovej sumy.