トンガ 無制限の住宅用プロキシを購入 - トラフィック制限なし

(() => { const PRICE_PER_GB = 1.1; const UNLIMITED = 2630; const TIMER_DURATION = 24 * 60 * 60; // Use WeakMap to track which DOM elements have been initialized // If element is replaced, WeakMap won't have it and we'll re-initialize if (!window._savingsCalcState) { window._savingsCalcState = { timeLeft: TIMER_DURATION, timerInterval: null, updateCalculator: null, initializedSliders: new WeakMap(), checkInterval: null }; } function formatPrice(amount) { return '$' + amount.toLocaleString(); } function updateCalculator() { const slider = document.getElementById('calcSlider'); if (!slider) return; const tb = parseInt(slider.value); const standardPrice = tb * 1000 * PRICE_PER_GB; const savings = standardPrice - UNLIMITED; const percentage = standardPrice > 0 ? ((savings / standardPrice) * 100).toFixed(1) : 0; const dataVal = document.getElementById('calcDataValue'); const stdPrice = document.getElementById('calcStandardPrice'); const unlPrice = document.getElementById('calcUnlimitedPrice'); const monthlySav = document.getElementById('calcMonthlySavings'); const pctEl = document.getElementById('calcPercent'); const annualEl = document.getElementById('calcAnnualSavings'); if (dataVal) dataVal.textContent = tb; if (stdPrice) stdPrice.textContent = formatPrice(standardPrice); if (unlPrice) unlPrice.textContent = formatPrice(UNLIMITED); if (monthlySav) monthlySav.textContent = formatPrice(savings > 0 ? Math.round(savings) : 0); if (pctEl) pctEl.textContent = percentage + '% OFF'; if (annualEl) { annualEl.textContent = formatPrice(savings > 0 ? Math.round(savings * 12) : 0) + '/year'; } } function updateTimer() { const timerEl = document.getElementById('calcTimer'); if (!timerEl) return; if (window._savingsCalcState.timeLeft <= 0) return; window._savingsCalcState.timeLeft--; const hours = Math.floor(window._savingsCalcState.timeLeft / 3600); const minutes = Math.floor((window._savingsCalcState.timeLeft % 3600) / 60); const seconds = window._savingsCalcState.timeLeft % 60; timerEl.textContent = `${hours}h ${minutes}m ${seconds}s`; } function initialize() { const slider = document.getElementById('calcSlider'); if (!slider) return; // Check if THIS specific slider element has been initialized if (window._savingsCalcState.initializedSliders.has(slider)) { return; // Already initialized, skip } // Remove old listener if exists (from a previous slider element) if (window._savingsCalcState.updateCalculator) { // Try to remove from any previous slider (will fail silently if not attached) try { slider.removeEventListener('input', window._savingsCalcState.updateCalculator); } catch (e) { // Ignore errors } } // Store new listener reference globally window._savingsCalcState.updateCalculator = updateCalculator; slider.addEventListener('input', updateCalculator); // Mark THIS slider element as initialized using WeakMap window._savingsCalcState.initializedSliders.set(slider, true); // Initial update updateCalculator(); // Clear old timer and start new one if (window._savingsCalcState.timerInterval) { clearInterval(window._savingsCalcState.timerInterval); } window._savingsCalcState.timerInterval = setInterval(updateTimer, 1000); } // Check periodically if calculator needs initialization (for SPA navigation) function checkAndInitialize() { const slider = document.getElementById('calcSlider'); // If slider exists and is NOT in our WeakMap, initialize it if (slider && !window._savingsCalcState.initializedSliders.has(slider)) { initialize(); } } // Run immediately initialize(); // Clear any existing check interval if (window._savingsCalcState.checkInterval) { clearInterval(window._savingsCalcState.checkInterval); } // Start new check interval for SPA navigation window._savingsCalcState.checkInterval = setInterval(checkAndInitialize, 500); })();

(() => { function updateCardPriceBs(days) { const speedSelect = document.getElementById(`day${days}-speed`); const selectedOption = speedSelect?.options[speedSelect.selectedIndex]; const price = selectedOption?.getAttribute('data-price'); if (price) { const priceEl = document.getElementById(`day${days}-price`); if (priceEl) { priceEl.textContent = '$' + Number(price).toLocaleString(); } } updatePurchaseLink(days); } function updatePurchaseLink(days) { const servers = document.querySelectorAll(`#servers-${days} .btn-server-bs`); const selectedServer = Array.from(servers).find(btn => btn.classList.contains('selected')); const serverId = selectedServer?.dataset.serverId || servers[0]?.dataset.serverId || ''; const speedSelect = document.getElementById(`day${days}-speed`); const speed = speedSelect?.value || ''; const purchaseLink = document.getElementById(`purchase-link-${days}`); if (serverId && speed && purchaseLink) { purchaseLink.href = `https://dashboard.proxyscrape.com/v2/checkout?type=new_residential_unlimited&location=${encodeURIComponent(serverId)}&speed=${encodeURIComponent(speed)}&days=${days}`; purchaseLink.classList.remove('disabled'); } else if (purchaseLink) { purchaseLink.href = "#"; purchaseLink.classList.add('disabled'); } } function handleServerClick(days, btn, container) { container.querySelectorAll('.btn-server-bs').forEach(b => b.classList.remove('selected')); btn.classList.add('selected'); updatePurchaseLink(days); } async function loadServerLocations() { const endpoint = 'https://dashboard.proxyscrape.com/v2/v4/residential-unlimited/server-locations'; try { const res = await fetch(endpoint); const servers = await res.json(); [1, 7, 30].forEach(days => { const container = document.getElementById(`servers-${days}`); if (!container) return; container.innerHTML = ''; servers.forEach((server, idx) => { const label = server.location?.name || 'Unknown'; const btn = document.createElement('button'); btn.className = 'btn btn-server-bs' + (idx === 0 ? ' selected' : ''); btn.type = 'button'; btn.textContent = label; btn.dataset.serverId = server.id; btn.onclick = () => handleServerClick(days, btn, container); container.appendChild(btn); }); updatePurchaseLink(days); }); } catch { [1, 7, 30].forEach(days => { const container = document.getElementById(`servers-${days}`); if (container) { container.innerHTML = ''; } }); } } // Add speed select change listeners [1, 7, 30].forEach(days => { const speedSelect = document.getElementById(`day${days}-speed`); if (speedSelect) { speedSelect.addEventListener('change', () => updateCardPriceBs(days)); updateCardPriceBs(days); // set initial value } }); // Initial server load loadServerLocations(); })();