გადათვლით რედაქტირება პროდუქტების კალკულატორში 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 სვეტში და ასევე განხორციელდეს
ჯამური თანხის გადათვლა.