💱 Currency Converter

\n Amount\n setAmount(Number(e.target.value))}\n min=\"0\"\n />\n

\n From Currency\n \n

\n To Currency\n \n

\n {convertedAmount && (\n

{amount} {fromCurrency} = {convertedAmount} {toCurrency}

\n )}\n

\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === '/rates') {\n const baseCurrency = url.searchParams.get('base') || 'USD';\n try {\n const response = await fetch(`https://open.exchangerate-api.com/v6/latest/${baseCurrency}`);\n const data = await response.json();\n return new Response(JSON.stringify(data), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: 'Failed to fetch rates' }), { status: 500 });\n }\n }\n\n return new Response(`\n \n \n Currency Converter\n \n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nconst css = `\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n margin: 0;\n padding: 20px;\n background-color: #f4f4f4;\n}\n\n.currency-converter {\n max-width: 500px;\n margin: 0 auto;\n background: white;\n padding: 30px;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\nh1 {\n text-align: center;\n color: #333;\n margin-bottom: 30px;\n}\n\n.input-group {\n margin-bottom: 20px;\n}\n\nlabel {\n display: block;\n margin-bottom: 5px;\n color: #666;\n}\n\ninput, select {\n width: 100%;\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 5px;\n font-size: 16px;\n}\n\n.result {\n text-align: center;\n background-color: #f0f0f0;\n padding: 15px;\n border-radius: 5px;\n}\n\nfooter {\n text-align: center;\n margin-top: 20px;\n font-size: 12px;\n}\n\n@media (max-width: 600px) {\n .currency-converter {\n width: 100%;\n padding: 15px;\n }\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/kingofkwl/terrificScarletOrangutan/code/main.tsx","extension","actionData","errors"]