function MainComponent({ problem, onUpdate, grade, subject, onGradeChange, onSubjectChange, onAnswer }) { const grades = [ '1年生', '2年生', '3年生', '4年生', '5年生', '6年生' ]; const subjects = [ '算数', '国語', '英語', '理科', '社会' ]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-full w-full p-4 bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "日本の小学生", grade, " ", subject, "問題"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md w-[300px]", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "grade-select", className: "mr-2 font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "学年:"), /*#__PURE__*/ React.createElement("select", { id: "grade-select", name: "grade-select", className: "border rounded p-1 font-roboto", value: grade, onChange: onGradeChange, __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, grades.map((g, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: g, __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, g)))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "subject-select", className: "mr-2 font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "教科:"), /*#__PURE__*/ React.createElement("select", { id: "subject-select", name: "subject-select", className: "border rounded p-1 font-roboto", value: subject, onChange: onSubjectChange, __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, subjects.map((s, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: s, __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, s)))), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, problem.question), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-700 font-roboto", onClick: onUpdate, __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "更新"), /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 text-white px-4 py-2 rounded hover:bg-green-700 font-roboto", onClick: onAnswer, __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "答え")), problem.showAnswer && /*#__PURE__*/ React.createElement("p", { className: "text-green-700 font-roboto mt-4", __source: { fileName: "", lineNumber: 52, columnNumber: 32 }, __self: this }, problem.answer))); } const generateRandomMathProblem = (grade)=>{ const number1 = Math.floor(Math.random() * 100); const number2 = Math.floor(Math.random() * 100); let problemTypes; if (grade === '1年生' || grade === '2年生') { problemTypes = [ { question: `${number1} + ${number2} = ?`, answer: (number1 + number2).toString() }, { question: `${number1} - ${number2} = ?`, answer: (number1 - number2).toString() } ]; } else { problemTypes = [ { question: `${number1} + ${number2} = ?`, answer: (number1 + number2).toString() }, { question: `${number1} - ${number2} = ?`, answer: (number1 - number2).toString() }, { question: `${number1} × ${number2} = ?`, answer: (number1 * number2).toString() }, { question: `${number1} ÷ ${number2}（小数第2位まで）= ?`, answer: (number1 / number2).toFixed(2) } ]; } const randomIndex = Math.floor(Math.random() * problemTypes.length); return problemTypes[randomIndex]; }; const generateRandomLanguageProblem = (grade)=>{ const sentences = [ { question: 'この文を形容詞に変えてください。', answer: '形容詞' }, { question: '次の単語を使って文を作ってください: 青い', answer: '青い空が見える。' }, { question: '犬は走る。の主語を見つけてください。', answer: '犬' } ]; return sentences[Math.floor(Math.random() * sentences.length)]; }; const generateRandomEnglishProblem = ()=>{ const problems = [ { question: 'Translate the following sentence to Japanese: "The weather is nice today."', answer: '今日は天気がいいです。' }, { question: 'Fill in the blank: "She is _____ a book."', answer: 'reading' }, { question: 'What is the past tense of "go"?', answer: 'went' } ]; return problems[Math.floor(Math.random() * problems.length)]; }; const generateRandomScienceProblem = ()=>{ const problems = [ { question: '光合成のプロセスを説明してください。', answer: '光合成は、緑色植物がクロロフィルの助けを借りて日光を使って食品を合成するプロセスです。' }, { question: '水の沸点は何ですか?', answer: '100°C' }, { question: '物質の三態を挙げてください。', answer: '固体、液体、気体' } ]; return problems[Math.floor(Math.random() * problems.length)]; }; const generateRandomSocialStudiesProblem = ()=>{ const problems = [ { question: 'アメリカの初代大統領は誰ですか?', answer: 'ジョージ・ワシントン' }, { question: '最大の大陸の名前は何ですか?', answer: 'アジア' }, { question: '第二次世界大戦が終わった年は?', answer: '1945年' } ]; return problems[Math.floor(Math.random() * problems.length)]; }; const generateRandomProblem = (grade, subject)=>{ if (subject === '算数') { return generateRandomMathProblem(grade); } else if (subject === '国語') { return generateRandomLanguageProblem(grade); } else if (subject === '英語') { return generateRandomEnglishProblem(); } else if (subject === '理科') { return generateRandomScienceProblem(); } else if (subject === '社会') { return generateRandomSocialStudiesProblem(); } }; function StoryComponent() { const [grade, setGrade] = React.useState('5年生'); const [subject, setSubject] = React.useState('算数'); const [problem, setProblem] = React.useState(generateRandomProblem('5年生', '算数')); const updateProblem = ()=>{ setProblem(generateRandomProblem(grade, subject)); }; const showAnswer = ()=>{ setProblem((prevProblem)=>({ ...prevProblem, showAnswer: true })); }; const handleGradeChange = (event)=>{ const selectedGrade = event.target.value; setGrade(selectedGrade); setProblem(generateRandomProblem(selectedGrade, subject)); }; const handleSubjectChange = (event)=>{ const selectedSubject = event.target.value; setSubject(selectedSubject); setProblem(generateRandomProblem(grade, selectedSubject)); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#e0e0e0]", __source: { fileName: "", lineNumber: 161, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { problem: problem, onUpdate: updateProblem, grade: grade, subject: subject, onGradeChange: handleGradeChange, onSubjectChange: handleSubjectChange, onAnswer: showAnswer, __source: { fileName: "", lineNumber: 162, columnNumber: 7 }, __self: this })); }

日本の小学生5年生 算数問題

日本の小学生5年生算数問題