[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","67a5c626d75c8191afc9a0372b745110","versionInt","title","Les hores en català","type","code/javascript","content","import React, { useState, useEffect } from \"react\";\nimport { Button } from \"@/components/ui/button\";\n\nconst getHoraEnCatala = (hora, minuts) => {\n if (minuts === 0) return `${hora} en punt`;\n if (minuts === 15) return `un quart de ${hora + 1}`;\n if (minuts === 30) return `dos quarts de ${hora + 1}`;\n if (minuts === 45) return `tres quarts de ${hora + 1}`;\n return `${hora}:${minuts}`;\n};\n\nexport default function PracticaHores() {\n const [hora, setHora] = useState(0);\n const [minuts, setMinuts] = useState(0);\n const [inputHora, setInputHora] = useState(\"\");\n const [inputMinuts, setInputMinuts] = useState(\"\");\n const [correcte, setCorrecte] = useState(null);\n const [error, setError] = useState(null);\n\n const generarNovaHora = () => {\n setHora(Math.floor(Math.random() * 12) + 1);\n setMinuts([0, 15, 30, 45][Math.floor(Math.random() * 4)]);\n setInputHora(\"\");\n setInputMinuts(\"\");\n setCorrecte(null);\n setError(null);\n };\n\n useEffect(() => {\n generarNovaHora();\n }, []);\n\n const verificarResposta = () => {\n const horaUsuari = parseInt(inputHora);\n const minutsUsuari = parseInt(inputMinuts);\n\n if (isNaN(horaUsuari) || isNaN(minutsUsuari) || horaUsuari < 1 || horaUsuari > 12) {\n setError(\"L'hora ha de ser entre 1 i 12\");\n setCorrecte(null);\n return;\n }\n setError(null);\n\n if (horaUsuari === hora && minutsUsuari === minuts) {\n setCorrecte(true);\n } else {\n setCorrecte(false);\n }\n };\n\n return (\n

Practica les hores en català

\n {getHoraEnCatala(hora, minuts)}\n

\n setInputHora(e.target.value)}\n className=\"p-3 border rounded-lg text-black text-lg w-full\"\n placeholder=\"Hores\"\n />\n setInputMinuts(e.target.value)}\n className=\"p-3 border rounded-lg text-black text-lg w-full\"\n placeholder=\"Minuts\"\n />\n

\n {error &&

{error}

}\n

\n \n \n

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

\n {correcte ? \"Correcte! 🎉\" : \"Intenta-ho de nou 😕\"}\n

\n )}\n

\n );\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","5074431637721554244","traceTime",1776445750019]