Edycja z przeliczeniem w kalkulatorze produktów w JavaScript
Dopracujmy teraz funkcję allowEdit
tak, aby wykonywało się opisane w poprzedniej
lekcji przeliczenie.
W tym momencie kod twojej funkcji powinien wyglądać mniej więcej tak:
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;
}
});
});
}
Dodajmy kod, który dla komórki z ceną i dla komórki z ilością będzie wykonywać przeliczenie:
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')) {
// wykonamy przeliczenie
}
}
});
});
}
Dopisz brakującą część kodu tak, aby
przy zmianie komórki z ceną lub komórki z
ilością zmieniał się koszt zakupu
w kolumnie cost, a także wykonywało się
przeliczenie całkowitej sumy.