No cryptocurrencies found matching your search.

'; return; } cryptoGrid.innerHTML = cryptos.map(crypto => { const priceChange24h = crypto.price_change_percentage_24h || 0; const priceChange7d = crypto.price_change_percentage_7d || 0; const priceChange1h = crypto.price_change_percentage_1h || 0; return `

${crypto.name}

${crypto.symbol}

#${crypto.market_cap_rank || 'N/A'}

$${formatPrice(crypto.current_price)}

Market Cap: $${formatLargeNumber(crypto.market_cap)}

${formatPercentage(priceChange1h)}

24H

${formatPercentage(priceChange24h)}

${formatPercentage(priceChange7d)}

Volume 24H

$${formatLargeNumber(crypto.total_volume)}

`; }).join(''); } function formatPrice(price) { if (price >= 1) { return price.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 }); } else { return price.toFixed(6); } } function formatLargeNumber(num) { if (num >= 1e12) { return (num / 1e12).toFixed(2) + 'T'; } else if (num >= 1e9) { return (num / 1e9).toFixed(2) + 'B'; } else if (num >= 1e6) { return (num / 1e6).toFixed(2) + 'M'; } else { return num.toLocaleString(); } } function formatPercentage(percentage) { if (percentage === null || percentage === undefined) { return 'N/A'; } const sign = percentage >= 0 ? '+' : ''; return `${sign}${percentage.toFixed(2)}%`; } function getChangeClass(percentage) { if (percentage > 0) return 'positive'; if (percentage < 0) return 'negative'; return 'neutral'; } function showLoading(show) { loadingGrid.style.display = show ? 'block' : 'none'; if (show) { refreshBtn.classList.add('loading'); refreshBtn.disabled = true; } else { refreshBtn.classList.remove('loading'); refreshBtn.disabled = false; } } function showError() { errorDiv.classList.add('show'); } function hideError() { errorDiv.classList.remove('show'); } function updateLastUpdatedTime() { const now = new Date(); lastUpdated.textContent = `Last updated: ${now.toLocaleTimeString()}`; } function filterCryptos(searchTerm) { const term = searchTerm.toLowerCase().trim(); if (!term) { filteredCryptos = allCryptos; } else { filteredCryptos = allCryptos.filter(crypto => crypto.name.toLowerCase().includes(term) || crypto.symbol.toLowerCase().includes(term) ); } displayCryptos(filteredCryptos); } // Event listeners refreshBtn.addEventListener('click', fetchCryptoData); searchInput.addEventListener('input', (e) => { filterCryptos(e.target.value); }); // Auto-refresh every 60 seconds setInterval(fetchCryptoData, 60000); // Initial load fetchCryptoData();