Multiplication Sprint

\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",[59],"4fd36cf1-2f7c-4680-aab9-b87abb174ad9","http.ts","fbe66800-650c-11f1-921d-1607ee4eb77e",2,["D",1781124192421],1,"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",[66],"37e0d478-a4a2-4e8d-9e8b-c87beb1a62aa","game.js","1e4b6986-650d-11f1-946b-1607ee4eb77e",5,["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",[75],{"_36":74,"_13":75,"_39":76,"_41":-5,"_42":43,"_44":77,"_46":47,"_48":96,"_17":50,"_51":79,"_52":80,"_54":55,"_56":-5,"_87":97,"_18":98},{"_36":65,"_13":66,"_39":67,"_41":-5,"_42":43,"_44":68,"_46":47,"_48":93,"_17":70,"_51":71,"_52":72,"_54":55,"_56":-5,"_87":94,"_18":95},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":90,"_17":50,"_51":24,"_52":63,"_54":55,"_56":-5,"_87":91,"_18":92},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":86,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_87":88,"_18":89},["D",1781124227922],"children",[],[38],["D",1781124205644],[],[59],["D",1781124192421],[],[66],["D",1781124244223],[],[75],"fa44c7af-24b5-461f-a953-2416d4488661",["D",1781124186255],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","60-second multiplication speed game","imageUrl","userId","4672fa32-1c6f-4907-899e-57b7e45b1dcb","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019e83d1-d41f-725b-9693-b632d430a029","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_153":149},"org",{"_11":12,"_146":147,"_148":149,"_109":110,"_150":151,"_152":55},"branch",{"_17":77,"_13":16,"_36":43,"_138":99,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":14,"_145":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Potluck Mittal","avatar","https://lh3.googleusercontent.com/a/ACg8ocJYeiSQ8_eyVYtUAg9f5qRwEXzS1AreFm572a1csvZx7c6b_S8=s96-c","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":99,"_13":14,"_48":201,"_101":-5,"_102":55,"_103":104,"_105":104,"_106":107,"_108":-5,"_109":110,"_111":-5,"_112":55,"_113":-5,"_114":-5,"_115":50,"_116":117,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_131":202,"_133":203,"_135":204,"_137":55},[189,190,191,192],"files",[189,190,191,192],"counts",{"_180":50,"_181":70,"_182":50,"_31":183,"_184":185},[172,173,174,175],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":74,"_13":75,"_39":76,"_41":-5,"_42":43,"_44":77,"_46":47,"_48":78,"_17":50,"_51":79,"_52":80,"_54":55,"_56":-5,"_18":179},{"_36":65,"_13":66,"_39":67,"_41":-5,"_42":43,"_44":68,"_46":47,"_48":69,"_17":70,"_51":71,"_52":72,"_54":55,"_56":-5,"_18":178},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":62,"_17":50,"_51":24,"_52":63,"_54":55,"_56":-5,"_18":177},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":176},[38],[59],[66],[75],"pulls","branches","forks",{"_186":50,"_188":50},"connections",{"_186":50,"_187":50},"count","unfilledCount","emptyCount",{"_36":74,"_13":75,"_39":76,"_41":-5,"_42":43,"_44":77,"_46":47,"_48":96,"_17":50,"_51":79,"_52":80,"_54":55,"_56":-5,"_87":199,"_18":200},{"_36":65,"_13":66,"_39":67,"_41":-5,"_42":43,"_44":68,"_46":47,"_48":93,"_17":70,"_51":71,"_52":72,"_54":55,"_56":-5,"_87":197,"_18":198},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":90,"_17":50,"_51":24,"_52":63,"_54":55,"_56":-5,"_87":195,"_18":196},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":86,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_87":193,"_18":194},[],[38],[],[59],[],[66],[],[75],["D",1781124186255],{"_11":12,"_153":149},{"_11":12,"_146":147,"_148":149,"_109":110,"_150":151,"_152":55},{"_17":77,"_13":16,"_36":43,"_138":99,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":14,"_145":12},"ctx",{"_131":-5,"_169":238,"_239":240,"_241":242,"_243":55,"_244":55,"_245":55,"_246":47,"_247":-5,"_248":-7,"_249":-7,"_250":50,"_251":55,"_252":55,"_253":-5,"_254":55,"_255":55,"_256":55,"_257":-5},"ENV",{"_209":210,"_211":212,"_213":16,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237},"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"]

Code