[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":29,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","68c6aafbbf4081918a77ad60728a0dca","versionInt","title","Viererreihe Plaettchen","type","code/react","content","import { useState } from \"react\";\nimport { motion } from \"framer-motion\";\n\nexport default function MultiplikationsReihe() {\n const [reihe, setReihe] = useState(4); // Start mit der 4er Reihe\n const [zahl, setZahl] = useState(1);\n\n return (\n

Multiplikationsreihen mit Plättchen

\n\n {/* Auswahl der Reihe */}\n

\n {[...Array(10)].map((_, i) => (\n setReihe(i + 1)}\n className={`px-3 py-1 rounded-lg shadow-md text-white font-semibold transition \n ${reihe === i + 1 ? \"bg-green-600\" : \"bg-green-400 hover:bg-green-500\"}`}\n >\n {i + 1}er Reihe\n \n ))}\n

\n\n {/* Auswahl der Zahl */}\n

\n {[...Array(10)].map((_, i) => (\n setZahl(i + 1)}\n className={`px-3 py-1 rounded-lg shadow-md text-white font-semibold transition \n ${zahl === i + 1 ? \"bg-blue-600\" : \"bg-blue-400 hover:bg-blue-500\"}`}\n >\n {i + 1}\n \n ))}\n

\n\n

\n {zahl} × {reihe} = {zahl * reihe}\n

\n\n

\n {[...Array(zahl)].map((_, row) => (\n \n {[...Array(reihe)].map((_, col) => (\n \n ))}\n

\n ))}\n

\n \n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","18301745084513505564","traceTime",1779799365464]