Átszámítással történő szerkesztés a JavaScript termékkalkulátorban
Most fejlesszük tovább a allowEdit függvényt
úgy, hogy végrehajtja az előző leckében leírt
átszámítást.
Jelen pillanatban a függvény kódjának körülbelül így kell kinéznie:
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;
}
});
});
}
Adjunk hozzá kódot, amely az ár cellájára és a mennyiség cellájára végrehajtja az átszámítást:
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')) {
// hajtsuk végre az átszámítást
}
}
});
});
}
Egészítse ki a hiányzó kódrészt úgy, hogy
amikor az ár cellája vagy a mennyiség cellája
megváltozik, a vásárlás költsége a
cost oszlopban megváltozzon, és a
teljes összeg is újraszámolódjon.
