Рэдагаванне з пераразлікам у калькулятары прадуктаў на JavaScript
Давайце цяпер дапрацуем функцыю allowEdit
так, каб выконваўся апісаны ў папярэднім
уроке пераразлік.
Да дадзенага моманту код вашай функцыі павінен выглядаць прыблізна так:
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;
}
});
});
}
Дадамо код, які для ячэйкі з цаной і для ячэйкі з колькасцю будзе выконваць пераразлік:
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')) {
// выканаем пераразлік
}
}
});
});
}
Дапішыце недастаючую частку кода так, каб
пры змяненні ячэйкі з цаной або ячэйкі з
колькасцю змянялася кошт пакупкі
ў калонцы cost, а таксама выконваўся
пераразлік агульнай сумы.