Почему JavaScript функция работает не полностью?

Оффтоп javascript
1

Друзья, у меня возникла странная проблема с JavaScript. Написал функцию, которая обновляет HTML поля новыми значениями. Она отлично работает везде, кроме одного места. Вот сама функция:

function обновитьПоля() {
  document.getElementById('завтрак').innerHTML = счет.время[завтрак][счет.типДня];
  document.getElementById('обед').innerHTML = счет.время[обед][счет.типДня];
  document.getElementById('ужин').innerHTML = счет.время[ужин][счет.типДня];
  document.getElementById('особое').innerHTML = счет.время[особое][счет.типДня];
  document.getElementById('полный').innerHTML = счет.время[полный][счет.типДня];
  document.getElementById('стоимость').innerHTML = счет.стоимость;
}

Функция нормально срабатывает в одном месте, но в другом, похожем, последняя строка не выполняется — поле стоимости не обновляется, хотя все остальные обновляются правильно.

Самое странное, что переменная с общей стоимостью обновляется, а поле, её отображающее, остаётся без изменений. Если вызвать функцию обновления полей в другой части страницы, где значение общей стоимости не меняется, поле стоимости обновляется корректно.

Кто-нибудь сталкивался с подобной проблемой? Подскажите, как можно её исправить?

2

Хм, интересная проблема. А ты не пробовал использовать console.log() для отладки? Можно вывести значение счет.стоимость прямо перед присваиванием, чтобы убедиться, что оно корректное. Еще вариант - проверить, точно ли существует элемент с id ‘стоимость’ в том месте, где функция не срабатывает полностью. Может, там опечатка в id или элемент динамически удаляется?

3

слушай, а может дело в кэшировании? я как-то сталкивался с похожей фигней. браузер иногда кэшует старые значения и не обновляет их сразу.

попробуй добавить такую строчку перед обновлением стоимости:

document.getElementById('стоимость').innerHTML = '';

это как бы “сбросит” значение поля, а потом уже присваивай новое значение.

еще можно попробовать использовать textContent вместо innerHTML. иногда это решает проблемы с обновлением.

4

Похоже на асинхронность. Возможно, значение счет.стоимость обновляется позже, чем вызывается функция. Попробуй обернуть обновление стоимости в setTimeout с небольшой задержкой. Типа:

setTimeout(() => {
  document.getElementById('стоимость').innerHTML = счет.стоимость;
}, 50);

Еще вариант - использовать MutationObserver для отслеживания изменений счет.стоимость. Так сможешь реагировать на изменения в реальном времени.