[{"_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","67b7656668fc8191abd20ec2743cc285","versionInt","title","Quiz Sistema Solar","type","code/javascript","content","import { useState } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent } from \"@/components/ui/card\";\n\nconst questions = [\n { question: \"Quin és el planeta més gran del sistema solar?\", options: [\"Terra\", \"Mart\", \"Júpiter\", \"Venus\"], answer: \"Júpiter\" },\n { question: \"Quina és la principal font d'energia del sistema solar?\", options: [\"La Lluna\", \"El Sol\", \"Els estels\", \"Els planetes\"], answer: \"El Sol\" },\n { question: \"Quin moviment de la Terra provoca el dia i la nit?\", options: [\"Rotació\", \"Translació\", \"Precessió\", \"Nutació\"], answer: \"Rotació\" },\n { question: \"Quin és el satèl·lit natural de la Terra?\", options: [\"Mart\", \"Io\", \"Europa\", \"La Lluna\"], answer: \"La Lluna\" },\n { question: \"Quants planetes té el sistema solar?\", options: [\"7\", \"8\", \"9\", \"10\"], answer: \"8\" },\n { question: \"Quin planeta és conegut com el planeta vermell?\", options: [\"Venus\", \"Saturn\", \"Mart\", \"Neptú\"], answer: \"Mart\" },\n { question: \"Quin és el planeta més proper al Sol?\", options: [\"Venus\", \"Mercuri\", \"Terra\", \"Mart\"], answer: \"Mercuri\" },\n { question: \"Quin moviment de la Terra determina les estacions de l'any?\", options: [\"Rotació\", \"Translació\", \"Precessió\", \"Nutació\"], answer: \"Translació\" },\n { question: \"Com es diu l'atmosfera de la Terra?\", options: [\"Hidrosfera\", \"Litosfera\", \"Biosfera\", \"Atmosfera\"], answer: \"Atmosfera\" },\n { question: \"Quina capa de l'atmosfera protegeix la Terra de la radiació ultraviolada?\", options: [\"Estratosfera\", \"Troposfera\", \"Mesosfera\", \"Exosfera\"], answer: \"Estratosfera\" },\n { question: \"Quina és la composició principal del Sol?\", options: [\"Hidrogen i heli\", \"Oxigen i nitrogen\", \"Carboni i ferro\", \"Aigua i metà\"], answer: \"Hidrogen i heli\" },\n { question: \"Quin planeta té els anells més visibles?\", options: [\"Urà\", \"Júpiter\", \"Neptú\", \"Saturn\"], answer: \"Saturn\" },\n { question: \"Quina força manté els planetes en òrbita al voltant del Sol?\", options: [\"Magnetisme\", \"Força centrífuga\", \"Gravetat\", \"Energia solar\"], answer: \"Gravetat\" },\n { question: \"Quina és la principal característica de Venus?\", options: [\"Té molta aigua\", \"És el planeta més calent\", \"És el més llunyà\", \"No té atmosfera\"], answer: \"És el planeta més calent\" },\n { question: \"Quin és el planeta més allunyat del Sol?\", options: [\"Saturn\", \"Urà\", \"Neptú\", \"Plutó\"], answer: \"Neptú\" },\n { question: \"Quin és el planeta més proper al Sol?\", options: [\"Venus\", \"Mercuri\", \"Mart\", \"Saturn\"], answer: \"Mercuri\" }\n];\n\nexport default function QuizGame() {\n const [availableQuestions, setAvailableQuestions] = useState([...questions]);\n const [currentQuestion, setCurrentQuestion] = useState(null);\n const [feedback, setFeedback] = useState(\"\");\n const [correctAnswers, setCorrectAnswers] = useState(0);\n const [wrongAnswers, setWrongAnswers] = useState(0);\n\n const nextQuestion = () => {\n if (availableQuestions.length === 0) {\n setFeedback(\"Has respost totes les preguntes! 🎉\");\n return;\n }\n const randomIndex = Math.floor(Math.random() * availableQuestions.length);\n setCurrentQuestion(availableQuestions[randomIndex]);\n setAvailableQuestions(availableQuestions.filter((_, i) => i !== randomIndex));\n setFeedback(\"\");\n };\n\n const checkAnswer = (option) => {\n if (option === currentQuestion.answer) {\n setFeedback(\"✅ Correcte!\");\n setCorrectAnswers(correctAnswers + 1);\n } else {\n setFeedback(\"❌ Incorrecte. La resposta correcta és: \" + currentQuestion.answer);\n setWrongAnswers(wrongAnswers + 1);\n }\n };\n\n return (\n

\n \n \n

Encerts: {correctAnswers} ❌ Errors: {wrongAnswers}

\n {currentQuestion ? (\n <>\n

{currentQuestion.question}

\n {currentQuestion.options.map((option) => (\n \n ))}\n

{feedback}

\n \n ) : (\n

Prem el botó per començar!

\n )}\n \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","10534443351023697571","traceTime",1776437414031]