АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
⊗jsPrPCRE 29 of 62 menu
НОВАЯ РУБРИКА! Мои ученики часто просят меня рассказать о себе: как я учился, чем занимаюсь сейчас, какие у меня дальнейшие планы:) Жми, чтобы прочитать!

Редактирование с перерасчетом в калькуляторе продуктов на 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, а также выполнялся перерасчет общей суммы.

enru