What number do you want to square root?

\n \n

{message}

\n
\n

\n );\n}\n\nfunction quickMath() {\n const url = new URL(window.location.href);\n let inputNum = url.searchParams.get(\"inputNum\");\n if (inputNum === null || inputNum === \"\") {\n return [null, null, null];\n } else {\n inputNum = Number(inputNum);\n }\n\n const sqrtNum = Math.sqrt(inputNum);\n const result = (!isNaN(sqrtNum))\n ? \"The square root of \" + inputNum.toString() + \" is \" + sqrtNum.toString()\n : \"There was an an error getting the square root, please try another number!\";\n\n return [inputNum, sqrtNum, result];\n}\n\nfunction showMath(inputNum, sqrtNum) {\n const canvasRef = useRef(null);\n\n useEffect(() => {\n const imageMaxSize = 400;\n\n // Get increment between each line in pixels\n const lineIncrement = Math.floor(imageMaxSize / sqrtNum);\n\n // Get width/height of image in pixels so it is a multiple of square root\n const imageSize = Math.floor(lineIncrement * sqrtNum);\n\n // Create canvas\n const canvas = canvasRef.current;\n const ctx = canvas.getContext(\"2d\");\n canvas.width = imageSize;\n canvas.height = imageSize;\n\n // Background color\n ctx.fillStyle = \"#dedede\";\n ctx.fillRect(0, 0, imageSize, imageSize);\n\n // Draw horizontal lines\n for (let i = 0; i <= imageSize; i += lineIncrement) {\n drawLine(ctx, 0, i, imageSize, i);\n }\n\n // Draw vertical lines\n for (let i = 0; i <= imageSize; i += lineIncrement) {\n drawLine(ctx, i, 0, i, imageSize);\n }\n\n // Draw end lines if it isn't a whole square root number\n if (!Number.isInteger(sqrtNum)) {\n drawLine(ctx, 0, imageSize, imageSize, imageSize);\n drawLine(ctx, imageSize, 0, imageSize, imageSize);\n }\n }, []);\n\n return canvasRef;\n}\n\nfunction drawLine(ctx, startX, startY, endX, endY) {\n ctx.beginPath();\n ctx.moveTo(startX, startY);\n ctx.lineTo(endX, endY);\n ctx.stroke();\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nfunction server(req: Request): Promise {\n return new Response(\n `\n \n \n \n \n \n square root\n \n \n \n

\n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}\n\nexport default server;","deleted","label",[99],"permalink","https://www.val.town/x/gueejla/squareroot/code/main.tsx","extension","actionData","errors"]