Multiplication Sprint

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_196":197,"_198":199},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_38":-7,"_118":-5,"_19":119,"_120":121,"_122":123,"_124":125,"_126":127,"_21":128,"_129":-5,"_130":-5,"_131":24,"_132":133,"_134":135,"_136":-5,"_137":-5,"_138":139},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","potluck","name","multiplication-sprint","branchName","main","path","index.html","project",{"_32":69,"_13":14,"_36":70,"_71":-5,"_72":24,"_73":74,"_75":74,"_76":77,"_78":-5,"_30":65,"_79":-5,"_80":24,"_81":-5,"_82":-5,"_83":26,"_40":41,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":89,"_90":89,"_91":92,"_93":92,"_94":92,"_95":89,"_96":89,"_51":97,"_98":99,"_100":101,"_102":24},"file",{"_61":62,"_13":18,"_63":21,"_64":24,"_68":-5},"isDirectory",false,"page",0,"history",[31],"hasNext","userId",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":59},"id","4382b8c6-2cd6-406f-a568-5c0f6700ba4c","branchId","8993485e-cf47-4f48-9350-1391b4ecf7bc","createdAt",["D",1781124205644],"version",3,"orgId","019e83d1-d41f-725b-9693-b632d430a029","parentId","a775bf79-20e1-4721-88db-578bc58c3c3e","incomingCommitId","aiChatMessageId","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_32":65,"_40":41,"_11":12,"_66":67},{"_61":62,"_13":18,"_63":21,"_64":24},"pull","merge","revert","multiple","commits",[60],{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5},"fileId","074c0682-650d-11f1-b5df-1607ee4eb77e","fileType","deleted","4672fa32-1c6f-4907-899e-57b7e45b1dcb","avatar","https://lh3.googleusercontent.com/a/ACg8ocJYeiSQ8_eyVYtUAg9f5qRwEXzS1AreFm572a1csvZx7c6b_S8=s96-c","deletedAtVersion","fa44c7af-24b5-461f-a953-2416d4488661",["D",1781124186255],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","60-second multiplication speed game","imageUrl","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_117":67},"org",{"_11":12,"_112":113,"_66":67,"_30":65,"_114":115,"_116":24},"branch",{"_38":103,"_13":16,"_32":35,"_104":69,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":-5,"_110":14,"_111":12},"isOwned",5,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Potluck Mittal","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":69,"_13":14,"_36":192,"_71":-5,"_72":24,"_73":74,"_75":74,"_76":77,"_78":-5,"_30":65,"_79":-5,"_80":24,"_81":-5,"_82":-5,"_83":26,"_40":41,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":89,"_90":89,"_91":92,"_93":92,"_94":92,"_95":89,"_96":89,"_51":193,"_98":194,"_100":195,"_102":24},"tree",[159,160,161,162],"files",[159,160,161,162],"counts",{"_148":26,"_149":150,"_151":26,"_152":153,"_154":155},"contents",[],{"_32":140,"_13":18,"_61":62,"_42":-5,"_34":35,"_141":39,"_142":135,"_36":143,"_38":26,"_63":21,"_144":145,"_64":24,"_146":-5,"_17":147},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},"7c85a467-b118-47f3-b412-dc75a4188cab","branchVersion","latest",["D",1781124205644],"content","\n\n\n \n \n \n Multiplication Sprint\n \n ✖️\" />\n\n\n

\n \n\n

\n 60s\n

\n\n \n

Answer as many problems as you can in 60 seconds.

\n \n

\n\n \n

— × —

\n\n \n

Time's up!

correct answers

🎉 New best score!

\n \n

\n\n \n\n \n\n\n","label",[18],"pulls","branches",1,"forks","envVars",{"_156":26,"_158":26},"connections",{"_156":26,"_157":26},"count","unfilledCount","emptyCount",{"_32":184,"_13":185,"_61":186,"_42":-5,"_34":35,"_141":103,"_142":135,"_36":187,"_38":26,"_63":188,"_144":189,"_64":24,"_146":-5,"_169":190,"_17":191},{"_32":175,"_13":176,"_61":177,"_42":-5,"_34":35,"_141":178,"_142":135,"_36":179,"_38":150,"_63":180,"_144":181,"_64":24,"_146":-5,"_169":182,"_17":183},{"_32":140,"_13":18,"_61":62,"_42":-5,"_34":35,"_141":39,"_142":135,"_36":172,"_38":26,"_63":21,"_144":145,"_64":24,"_146":-5,"_169":173,"_17":174},{"_32":163,"_13":164,"_61":165,"_42":-5,"_34":35,"_141":166,"_142":135,"_36":167,"_38":26,"_63":21,"_144":168,"_64":24,"_146":-5,"_169":170,"_17":171},"325bb93f-8364-4236-a080-9e25118a5604","style.css","14941032-650d-11f1-8a04-1607ee4eb77e",4,["D",1781124227922],":root {\n --bg1: #4f46e5;\n --bg2: #7c3aed;\n --card: #ffffff;\n --ink: #1e1b4b;\n --muted: #6b7280;\n --accent: #4f46e5;\n --ok: #16a34a;\n --bad: #dc2626;\n}\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\nhtml, body {\n height: 100%;\n}\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n background: linear-gradient(135deg, var(--bg1), var(--bg2));\n color: var(--ink);\n min-height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 16px;\n -webkit-tap-highlight-color: transparent;\n}\n\n.card {\n width: 100%;\n max-width: 440px;\n background: var(--card);\n border-radius: 24px;\n padding: 24px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);\n}\n\n.topbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n margin-bottom: 18px;\n}\n\n.title {\n font-size: 1rem;\n font-weight: 800;\n letter-spacing: 0.3px;\n text-align: center;\n color: var(--accent);\n text-transform: uppercase;\n}\n\n.stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 56px;\n}\n\n.stat-label {\n font-size: 0.65rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: var(--muted);\n}\n\n.stat-value {\n font-size: 1.6rem;\n font-weight: 800;\n font-variant-numeric: tabular-nums;\n}\n\n.timer-row {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 28px;\n}\n\n.timer-text {\n font-size: 1rem;\n font-weight: 800;\n font-variant-numeric: tabular-nums;\n min-width: 44px;\n color: var(--muted);\n}\n\n.timer-track {\n flex: 1;\n height: 12px;\n background: #eef2ff;\n border-radius: 999px;\n overflow: hidden;\n}\n\n.timer-fill {\n height: 100%;\n width: 100%;\n background: linear-gradient(90deg, var(--bg1), var(--bg2));\n border-radius: 999px;\n transition: width 0.25s linear, background 0.3s ease;\n}\n\n.timer-fill.warn { background: linear-gradient(90deg, #f59e0b, #ef4444); }\n\n.screen {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n text-align: center;\n min-height: 220px;\n justify-content: center;\n}\n\n.hidden { display: none !important; }\n\n.lead {\n font-size: 1.1rem;\n color: var(--muted);\n line-height: 1.5;\n}\n\n.question {\n font-size: clamp(2.8rem, 14vw, 4rem);\n font-weight: 800;\n font-variant-numeric: tabular-nums;\n letter-spacing: 1px;\n}\n\n.answer {\n width: 100%;\n max-width: 260px;\n font-size: 2.4rem;\n font-weight: 800;\n text-align: center;\n padding: 14px 16px;\n border: 3px solid #e5e7eb;\n border-radius: 16px;\n outline: none;\n color: var(--ink);\n transition: border-color 0.15s ease, transform 0.1s ease;\n -moz-appearance: textfield;\n}\n\n.answer::-webkit-outer-spin-button,\n.answer::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.answer:focus { border-color: var(--accent); }\n\n.answer.shake {\n border-color: var(--bad);\n animation: shake 0.35s ease;\n}\n\n@keyframes shake {\n 0%, 100% { transform: translateX(0); }\n 20% { transform: translateX(-8px); }\n 40% { transform: translateX(8px); }\n 60% { transform: translateX(-6px); }\n 80% { transform: translateX(6px); }\n}\n\n.btn {\n font-size: 1.15rem;\n font-weight: 800;\n padding: 14px 36px;\n border: none;\n border-radius: 14px;\n cursor: pointer;\n transition: transform 0.1s ease, box-shadow 0.15s ease, opacity 0.15s ease;\n}\n\n.btn:active { transform: scale(0.96); }\n\n.btn.primary {\n background: linear-gradient(135deg, var(--bg1), var(--bg2));\n color: #fff;\n box-shadow: 0 8px 20px rgba(79, 70, 229, 0.4);\n}\n\n.over-label {\n font-size: 1.2rem;\n font-weight: 700;\n color: var(--muted);\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.final-score {\n font-size: 5rem;\n font-weight: 800;\n line-height: 1;\n color: var(--accent);\n font-variant-numeric: tabular-nums;\n}\n\n.final-sub {\n font-size: 1rem;\n color: var(--muted);\n margin-top: -10px;\n}\n\n.new-best {\n font-size: 1.1rem;\n font-weight: 800;\n color: var(--ok);\n}\n\n.foot {\n margin-top: 16px;\n text-align: center;\n}\n\n.foot a {\n color: rgba(255, 255, 255, 0.85);\n font-size: 0.85rem;\n text-decoration: none;\n}\n\n.foot a:hover { text-decoration: underline; }\n","children",[],[164],["D",1781124205644],[],[18],"4fd36cf1-2f7c-4680-aab9-b87abb174ad9","http.ts","fbe66800-650c-11f1-921d-1607ee4eb77e",2,["D",1781124192421],"http","import { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst ROUTES: Record = {\n \"/\": \"./index.html\",\n \"/index.html\": \"./index.html\",\n \"/style.css\": \"./style.css\",\n \"/game.js\": \"./game.js\",\n};\n\nexport default async function (req: Request): Promise {\n const { pathname } = new URL(req.url);\n const file = ROUTES[pathname];\n if (!file) {\n return new Response(\"Not found\", { status: 404 });\n }\n return serveFile(file, import.meta.url);\n}\n",[],[176],"37e0d478-a4a2-4e8d-9e8b-c87beb1a62aa","game.js","1e4b6986-650d-11f1-946b-1607ee4eb77e",["D",1781124244223],"script","(function () {\n \"use strict\";\n\n const ROUND_SECONDS = 60;\n const BEST_KEY = \"multiplication-sprint-best\";\n\n // Elements\n const el = (id) => document.getElementById(id);\n const startScreen = el(\"startScreen\");\n const playScreen = el(\"playScreen\");\n const overScreen = el(\"overScreen\");\n const scoreEl = el(\"score\");\n const bestEl = el(\"best\");\n const timeEl = el(\"time\");\n const timerFill = el(\"timerFill\");\n const questionEl = el(\"question\");\n const form = el(\"answerForm\");\n const input = el(\"answerInput\");\n const startBtn = el(\"startBtn\");\n const againBtn = el(\"againBtn\");\n const finalScore = el(\"finalScore\");\n const newBest = el(\"newBest\");\n const sourceLink = el(\"sourceLink\");\n\n // State\n let score = 0;\n let answer = 0;\n let timeLeft = ROUND_SECONDS;\n let tickId = null;\n let playing = false;\n\n // High score (persists for the session + across reloads via localStorage)\n let best = 0;\n try {\n best = parseInt(localStorage.getItem(BEST_KEY) || \"0\", 10) || 0;\n } catch (_) {}\n bestEl.textContent = best;\n\n // \"View source\" link -> Val Town source page for this val\n sourceLink.href = \"https://www.val.town/x/potluck/multiplication-sprint\";\n\n function randInt(min, max) {\n return Math.floor(Math.random() * (max - min + 1)) + min;\n }\n\n function nextQuestion() {\n const a = randInt(2, 12); // 2–12 inclusive\n const b = randInt(6, 100); // 6–100 inclusive\n answer = a * b;\n questionEl.textContent = a + \" × \" + b;\n input.value = \"\";\n input.focus();\n }\n\n function updateTimer() {\n timeEl.textContent = timeLeft;\n const pct = Math.max(0, (timeLeft / ROUND_SECONDS) * 100);\n timerFill.style.width = pct + \"%\";\n timerFill.classList.toggle(\"warn\", timeLeft <= 10);\n }\n\n function showScreen(name) {\n startScreen.classList.toggle(\"hidden\", name !== \"start\");\n playScreen.classList.toggle(\"hidden\", name !== \"play\");\n overScreen.classList.toggle(\"hidden\", name !== \"over\");\n }\n\n function startGame() {\n score = 0;\n timeLeft = ROUND_SECONDS;\n playing = true;\n scoreEl.textContent = \"0\";\n newBest.classList.add(\"hidden\");\n updateTimer();\n showScreen(\"play\");\n nextQuestion();\n\n clearInterval(tickId);\n tickId = setInterval(function () {\n timeLeft -= 1;\n updateTimer();\n if (timeLeft <= 0) {\n endGame();\n }\n }, 1000);\n }\n\n function endGame() {\n playing = false;\n clearInterval(tickId);\n tickId = null;\n input.blur();\n\n finalScore.textContent = score;\n\n if (score > best) {\n best = score;\n bestEl.textContent = best;\n newBest.classList.remove(\"hidden\");\n try {\n localStorage.setItem(BEST_KEY, String(best));\n } catch (_) {}\n }\n\n showScreen(\"over\");\n }\n\n function flashWrong() {\n input.classList.remove(\"shake\");\n // reflow to restart the animation\n void input.offsetWidth;\n input.classList.add(\"shake\");\n input.select();\n }\n\n form.addEventListener(\"submit\", function (e) {\n e.preventDefault();\n if (!playing) return;\n\n const raw = input.value.trim();\n if (raw === \"\") {\n flashWrong();\n return;\n }\n\n if (Number(raw) === answer) {\n score += 1;\n scoreEl.textContent = score;\n nextQuestion();\n } else {\n // Wrong: no penalty, no advance — let them retry.\n flashWrong();\n }\n });\n\n startBtn.addEventListener(\"click\", startGame);\n againBtn.addEventListener(\"click\", startGame);\n\n showScreen(\"start\");\n})();\n",[],[185],["D",1781124186255],{"_11":12,"_117":67},{"_11":12,"_112":113,"_66":67,"_30":65,"_114":115,"_116":24},{"_38":103,"_13":16,"_32":35,"_104":69,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":-5,"_110":14,"_111":12},"ctx",{"_51":-5,"_137":229,"_230":231,"_232":233,"_234":24,"_235":24,"_236":24,"_237":135,"_238":-5,"_239":-7,"_240":-7,"_241":26,"_242":24,"_243":24,"_244":-5,"_245":24,"_246":24,"_247":24,"_248":-5},"ENV",{"_200":201,"_202":203,"_204":16,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228},"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 · index.html