Day Counter

\n \n {result !== null && (\n

Number of days: {result}

\n )}\n

\n \n View source: val.town\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n const endDateStr = url.searchParams.get('end');\n\n if (endDateStr) {\n const endDate = new Date(endDateStr);\n const now = new Date();\n now.setHours(0, 0, 0, 0);\n endDate.setHours(0, 0, 0, 0);\n\n const excludedDays = DAYS_OF_WEEK.map(day => \n url.searchParams.get(day.toLowerCase()) === 'false'\n );\n\n let days = 0;\n let currentDate = new Date(now);\n\n while (currentDate <= endDate) {\n if (!excludedDays[currentDate.getDay()]) {\n days++;\n }\n currentDate.setDate(currentDate.getDate() + 1);\n }\n\n return new Response(JSON.stringify({ days }), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n return new Response(`\n \n \n \n \n \n Day Counter\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n max-width: 600px;\n margin: 0 auto;\n padding: 20px;\n}\nform {\n display: flex;\n flex-direction: column;\n gap: 15px;\n}\nlabel {\n margin-right: 10px;\n}\nbutton {\n align-self: flex-start;\n padding: 5px 10px;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/curtcox/HowManyDaysUntil/code/main.tsx","extension","actionData","errors"]