learningsimulations

import React, { useState, useEffect } from 'react'; const FractionComparisonGame = () => { const [score, setScore] = useState(0); const [questionNumber, setQuestionNumber] = useState(1); const [totalQuestions] = useState(10); const [currentQuestion, setCurrentQuestion] = useState(null); const [selectedAnswer, setSelectedAnswer] = useState(null); const [showExplanation, setShowExplanation] = useState(false); const [gameOver, setGameOver] = useState(false); const [message, setMessage] = useState(''); // Generate a random fraction with denominator between 2 and 12 const generateRandomFraction = () => { const denominator = Math.floor(Math.random() * 11) + 2; // 2 to 12 const numerator = Math.floor(Math.random() * (denominator - 1)) + 1; // 1 to denominator-1 return { numerator, denominator }; }; // Create a new question const generateQuestion = () => { const fraction1 = generateRandomFraction(); let fraction2 = g...