вопросы пишите мне в телеграмм +375298176892
можно скачать офлайн версию сайта: code.mu old.code.mu

Редактирование с перерасчетом в калькуляторе продуктов на JavaScript

Давайте теперь доработаем функцию allowEdit так, чтобы выполнялся описанный в предыдущем уроке перерасчет.

К данному моменту код вашей функции allowEdit должен выглядеть примерно так:

function allowEdit(td) { td.addEventListener('dblclick', function() { let text = td.innerHTML td.innerHTML = ''; let input = document.createElement('input'); input.value = text; input.focus(); td.appendChild(input); input.addEventListener('keydown', function(event) { if (event.key == 'Enter') { td.innerHTML = this.value; } }); }); }

Добавим код, который для ячейки с ценой и для ячейки с количеством будет выполнять перерасчет:

function allowEdit(td) { td.addEventListener('dblclick', function() { let text = td.innerHTML td.innerHTML = ''; let input = document.createElement('input'); input.value = text; input.focus(); td.appendChild(input); input.addEventListener('keydown', function(event) { if (event.key == 'Enter') { td.innerHTML = this.value; if (td.classList.contains('price') || td.classList.contains('amount')) { // выполним перерасчет } } }); }); }

Допишите недостающую часть кода так, чтобы при изменении ячейки с ценой или ячейки с количеством изменялась стоимость покупки в колонке cost, а также выполнялся перерасчет общей суммы.