Blank Workspace

Speak again in:

\n\n

\n \n

\n\n

\n \n

\n\n \n \n",[],[202],"1eaa1140-6264-11f0-983b-0224a6c84d84","favicon.svg","133fb02e-e061-4d1e-9be6-8804fb13b643",["D",1752684259831],"",[],[210],"1eaa0a88-6264-11f0-983b-0224a6c84d84","README.md","cf1fb281-3bc6-4d1f-89c0-e2298ec1e035",["D",1752684259831],"# Welcome to Val Town\n\nVal Town is the simplest way to get code running in the cloud.\n\nThis is a basic HTML starter template.\n\n1. Click `Remix` on this val to get a copy of it\n2. Click `main.tsx` to view the website\n3. Saves to any file will instantly deploy\n\n### ← main.tsx\n\nThis HTTP server hosts all of the other files in this val.\n\nTo view your site in a new tab, click on the `...` menu of `main.tsx` to copy\nyour live HTTP endpoint.\n\n### ← README.md\n\nThat's this file, where you can tell people what your cool website does and how\nyou built it.\n\n### ← index.html\n\nWhere you'll write the content of your website.\n\n### ← style.css\n\nCSS files add styling rules to your content.\n\n### ← script.js\n\nIf you're feeling fancy you can add interactivity to your site with JavaScript.\n\nIf you want more interactivity, check out this\n[React starter](https://www.val.town/x/std/reactHonoStarter).\n\n### ← favicon.svg\n\nThe icon that shows up in the brower tab. Tip: AIs are pretty good at writing\nSVG favicons.\n\n---\n\nThis template was inspired by https://glitch.new/blank.",[],[217],["D",1752684419218],[],[18,64],["D",1752684414680],[187],[18],"fc007aca-6264-11f0-92d8-0224a6c84d84","index.js","51bbdabe-e6a1-4505-9075-cda4ce685e2e","37f347c0-6264-11f0-8b7b-0224a6c84d84",["D",1752684631251],5,"script","const HOURS = [\n \"twelve\",\n \"one\",\n \"two\",\n \"three\",\n \"four\",\n \"five\",\n \"six\",\n \"seven\",\n \"eight\",\n \"nine\",\n \"ten\",\n \"eleven\",\n];\n\nconst count = 60;\nconst timeElement = document.querySelector(\".time\");\nconst dateElement = document.querySelector(\".date\");\nconst countdown = document.querySelector(\".remaining\");\nconst button = document.querySelector(\".button\");\nbutton.addEventListener(\"click\", () => {\n remainingTime(count);\n sayTheTime();\n});\n\nfunction convertToAMPM(time) {\n const [h, m] = time.split(\":\").map(n => parseInt(n));\n const hour = HOURS[h % 12];\n const suffix = (h < 12) ? \"ayy,m\" : \"P.M\";\n const hourInNum = (h < 12) ? h : h - 12;\n return [hour, suffix, hourInNum];\n}\n\nfunction getTheTime() {\n const timeNowHours = new Date().getHours();\n const timeNowMinutes = new Date().getMinutes();\n const timeNowSeconds = new Date().getSeconds();\n\n return [timeNowHours, timeNowMinutes, timeNowSeconds];\n}\n\nfunction sayTheTime() {\n const [timeNowHours, timeNowMinutes] = getTheTime();\n\n const timeNowInHHMM = [timeNowHours, timeNowMinutes].join(\":\");\n const timeNowHoursInAMPM = convertToAMPM(timeNowInHHMM);\n\n const speech = new SpeechSynthesisUtterance(\n `Hello, the time now is: ${timeNowHoursInAMPM[0]} ${timeNowMinutes}, ${timeNowHoursInAMPM[1]}`,\n );\n\n speechSynthesis.speak(speech);\n}\n\nfunction formatTime(date) {\n const hours12 = date.getHours() % 12 || 12;\n const minutes = date.getMinutes();\n const seconds = date.getSeconds();\n const isAM = date.getHours() < 12;\n\n return `${hours12.toString().padStart(2, \"0\")}:${minutes.toString().padStart(2, \"0\")}:${\n seconds.toString().padStart(2, \"0\")\n } ${isAM ? \"AM\" : \"PM\"}`;\n}\n\nfunction formatDate(date) {\n const DAYS = [\n \"Sunday\",\n \"Monday\",\n \"Tuesday\",\n \"Wednesday\",\n \"Thursday\",\n \"Friday\",\n \"Saturday\",\n ];\n const MONTHS = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\",\n ];\n\n return `${DAYS[date.getDay()]}, ${date.getDate()} ${MONTHS[date.getMonth()]} ${date.getFullYear()} `;\n}\n\n// setTimeout(() => {\n// sayTheTime();\n// sayTheTime();\n\n// }, 5000);\n\nfunction remainingTime(count) {\n const interval = setInterval(() => {\n count--;\n countdown.textContent = \"Speaking again in \" + count + \" sec\";\n if (count == 0) {\n count = 60;\n clearInterval(interval);\n }\n }, 1000);\n}\n\nsetInterval(() => {\n var count = 60;\n remainingTime(count);\n\n sayTheTime();\n sayTheTime();\n}, 60000);\n\nsetInterval(() => {\n console.log(\"running\");\n}, 5000);\n\nsetInterval(() => {\n const date = new Date();\n timeElement.textContent = formatTime(date);\n dateElement.textContent = formatDate(date);\n}, 1000);",[],[239,230],"js","3ae284dc-6264-11f0-8fea-0224a6c84d84",4,["D",1752684307254],[185],[239],["D",1752684259831],{"_11":12,"_124":69},{"_11":12,"_120":-5,"_68":69,"_31":67,"_121":122,"_123":30},{"_39":107,"_13":16,"_33":36,"_108":73,"_109":110,"_111":112,"_113":78,"_114":115,"_116":117,"_118":14,"_119":12},"ctx",{"_52":-5,"_145":282,"_283":284,"_285":286,"_287":30,"_288":30,"_289":30,"_290":24,"_291":-5,"_292":-7,"_293":-7,"_294":26,"_295":30,"_296":30,"_297":-5,"_298":30,"_299":30,"_300":30,"_301":-5},"ENV",{"_253":254,"_255":256,"_257":16,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · styles