window.onload = () => { let exchangeRateFetched = false; function getExchangeRate() { fetch('https://api.nbrb.by/exrates/rates/USD?parammode=2') .then(response => response.json()) .then(data => { const officialRate = data.Cur_OfficialRate; if (!exchangeRateFetched) { createNewPriceBlock(officialRate); exchangeRateFetched = true; } }) .catch(error => console.error('Ошибка при получении курса обмена:', error)); } function getExchangeRatePopup() { fetch('https://api.nbrb.by/exrates/rates/USD?parammode=2') .then(response => response.json()) .then(data => { const officialRate = data.Cur_OfficialRate; createNewPricePopup(officialRate); }) .catch(error => console.error('Ошибка при получении курса обмена:', error)); } function createNewPriceBlock(rate) { const priceBlocks = document.querySelectorAll('.t-store__card__price'); priceBlocks.forEach(block => { const blockValue = block.querySelector('.js-store-prod-price-val').textContent; let newBlock = block.querySelector('.js-new-price'); if (!newBlock) { console.log('newBlock:', newBlock); newBlock = document.createElement('div'); newBlock.className = 'js-new-price js-product-price js-store-prod-price-val t-store__card__price-value'; newBlock.style.marginLeft = '20px'; newBlock.classList.add('js-new-price'); block.appendChild(newBlock); } const newPrice = (Number(blockValue.replace(/\s/g, '').replace(',', '.')) * rate).toFixed(2); newBlock.innerHTML = `≈ ${newPrice} BYN`; }); } function createNewPricePopup(rate) { const priceBlocks = document.querySelectorAll('.t-store__prod-popup__price'); priceBlocks.forEach(priceBlock => { const isPopupHidden = !document.querySelector('.t-popup.t-popup_show'); if (isPopupHidden) { let newBlock = priceBlock.querySelector('.js-new-popup-price'); if (newBlock) { newBlock.remove(); } } else { const productPrice = priceBlock.querySelector('.js-product-price'); if (productPrice && productPrice.textContent.trim() !== '') { const blockValue = productPrice.textContent; let newBlock = priceBlock.querySelector('.js-new-popup-price'); if (!newBlock) { newBlock = document.createElement('div'); newBlock.className = 'js-product-price js-new-popup-price js-store-prod-price-val t-store__prod-popup__price-value'; newBlock.style.marginLeft = '20px'; newBlock.classList.add('js-new-popup-price'); priceBlock.appendChild(newBlock); } const newPrice = (Number(blockValue.replace(/\s/g, '').replace(',', '.')) * rate).toFixed(2); newBlock.innerHTML = `≈ ${newPrice} BYN`; } } }); } function setupPopupObserver(popupTarget) { let isPopupOpen = false; const popupObserver = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { if (!document.querySelector('.t-popup.t-popup_show')) { const newBlock = document.querySelector('.js-new-popup-price'); if (newBlock) { newBlock.remove(); } isPopupOpen = false; } else { if (!isPopupOpen) { getExchangeRatePopup(); isPopupOpen = true; } } }); }); const popupConfig = { attributes: true, attributeFilter: ['class'] }; popupObserver.observe(popupTarget, popupConfig); } // Пример использования для каждого всплывающего окна const popupTargets = document.querySelectorAll('.t-popup'); // Замените на соответствующий селектор для ваших всплывающих окон popupTargets.forEach(popupTarget => { setupPopupObserver(popupTarget); }); setTimeout(() => { getExchangeRate(); getExchangeRatePopup(); }, 3001); window.addEventListener('click', event => { if ( event.target.closest('.t-checkbox') || event.target.closest('.js-store-load-more-btn') || event.target.closest('.t-store__filter__chosen-val') || event.target.closest('.t-store__filter__reset') || event.target.closest('.t-store__filter__custom-sel .t-store__filter__title') ) { setTimeout(function () { getExchangeRate(); }, 1000); } }); };