اكتشف
خطة التمويل المثالية لك

document.addEventListener('DOMContentLoaded', () => { const table = document.querySelector('#scale-table-2'); if (!table) return; // Выбираем нечетные строки (1, 3, 5...) const rows = table.querySelectorAll('tbody tr:nth-child(odd)'); rows.forEach(tr => { const cells = tr.querySelectorAll('td'); if (cells.length > 0) { cells[0].classList.add('left-radius'); cells[cells.length - 1].classList.add('right-radius'); tr.classList.add('odd-bg'); } }); }); document.addEventListener('DOMContentLoaded', () => { const tableCont = document.getElementById('table_container'); const fakeScroll = document.querySelector('.fake-scroll'); const fakeContent = document.querySelector('.fake-content'); const table = document.getElementById('scale-table-2'); if (!tableCont || !fakeScroll || !table) return; // 1. Подгоняем ширину фейкового контента под ширину таблицы const updateWidth = () => { fakeContent.style.width = table.scrollWidth + 'px'; }; updateWidth(); window.addEventListener('resize', updateWidth); // 2. Синхронизируем прокрутку в обе стороны fakeScroll.addEventListener('scroll', () => { tableCont.scrollLeft = fakeScroll.scrollLeft; }); tableCont.addEventListener('scroll', () => { fakeScroll.scrollLeft = tableCont.scrollLeft; }); }); document.addEventListener('DOMContentLoaded', () => { const ul = document.querySelector('#table-nav ul'); const costEl = document.querySelector('#cost'); const shareEl = document.querySelector('#share'); if (!ul || !costEl || !shareEl) return; // Функция обновления текста в таблице function updateTable(li) { const cost = li.getAttribute('data-cost'); const reward = li.getAttribute('data-reward'); if (cost) costEl.textContent = `$${cost}`; if (reward) shareEl.textContent = `${reward}`; } // Обработка кликов ul.querySelectorAll('li').forEach(li => { li.style.cursor = 'pointer'; // Делаем курсор рукой li.addEventListener('click', () => { // Удаляем активный класс у всех и даем текущему ul.querySelectorAll('li').forEach(el => el.classList.remove('active')); li.classList.add('active'); updateTable(li); }); }); // Инициализация при загрузке (берем активный или первый элемент) const activeLi = ul.querySelector('li.active') || ul.querySelector('li'); if (activeLi) updateTable(activeLi); });