Техническое задание: Реализация динамического обновления баланса

Цель задачи

Интегрировать в существующий код веб-приложения механизм асинхронного (AJAX) обновления данных о балансе пользователя. Основное требование - изменение значения баланса должно происходить мгновенно после нажатия соответствующей кнопки, без полной перезагрузки страницы (техника SPA).

Требования к реализации

• Проанализировать предоставленный JavaScript-код.
• Добавить обработчик события (event listener) для целевой кнопки.
• Реализовать AJAX-запрос (например, с использованием fetch или XMLHttpRequest) к серверу для получения актуального значения баланса.
• Интегрировать полученные данные в DOM, обновив только необходимый элемент на странице (например, блок с балансом).
• Обеспечить обработку возможных ошибок сети или сервера с выводом понятного уведомления для пользователя.
• Код должен быть написан чисто, с комментариями, и легко интегрироваться в существующую кодобазу.

Технологический стек

• Чистый JavaScript (ES6+).
• AJAX (Fetch API или аналог).
• Существующая backend-логика (предполагается, что endpoint для получения баланса уже существует).

Результат работы

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