ජාවාස්ක්රිප්ට් වල ඇති නිෂ්පාදන කැල්ක්යුලේටරයේ සම්පූර්ණ මුදල නැවත ගණනය කිරීමත් සමඟ සංස්කරණය කිරීම
දැන් අපි 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 තීරුවේ මිලදී ගැනීමේ
වටිනාකම වෙනස් වන අතර, සම්පූර්ණ මුදල නැවත
ගණනය කිරීමද සිදු වේ.