Cryptocurrency Tracker

Real-time prices of top cryptocurrencies

\n \n

\n \n \n \n \n \n \n \n \n \n \n \n ${cryptoData.map((coin, index) => {\n const priceChangeClass = coin.price_change_percentage_24h >= 0 ? 'price-up' : 'price-down';\n const priceChangeIcon = coin.price_change_percentage_24h >= 0 ? '↑' : '↓';\n \n return `\n \n \n \n \n \n \n \n `;\n }).join('')}\n \n

#	Coin	Price	24h Change	Market Cap
${index + 1}	\n \n $\"${coin.name}\"$ \n \n ${coin.name} \n ${coin.symbol.toUpperCase()} \n \n \n	$${coin.current_price.toLocaleString()}	\n ${priceChangeIcon} ${Math.abs(coin.price_change_percentage_24h).toFixed(2)}%\n	$${coin.market_cap.toLocaleString()}

\n \n

Data provided by CoinGecko API

\n View Source\n

Last updated: ${new Date().toLocaleString()}

\n \n \n \n \n `;\n \n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n } catch (error) {\n console.error(\"Error fetching cryptocurrency data:\", error);\n \n return new Response(`\n \n \n \n \n \n Error - Crypto Tracker\n \n \n \n

Error Loading Cryptocurrency Data

${error.message || \"Failed to fetch data from CoinGecko API\"}

\n \n

\n \n \n `, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n }\n}","deleted","label",[99],"permalink","https://www.val.town/x/oronet11/Oro/code/crypto-tracker.tsx","extension","actionData","errors"]