Websites/interactives
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix guess count

Browse source 
Track and display questions and guesses made by the user.
This commit is contained in:
gpt-engineer-app[bot] 2025-08-10 14:23:08 +00:00
parent a1208e7d5b
commit d6f1449d23
2 changed files with 26 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/components/GuessingGame.tsx
View file

@ -46,6 +46,9 @@ const GuessingGame: React.FC<GuessingGameProps> = ({ showSocialShare = true }) =
const [questionsAsked, setQuestionsAsked] = useState<string[]>([]);
const [userScore, setUserScore] = useState(0);
const [currentSearchIndex, setCurrentSearchIndex] = useState(0);
// Question mode stats
const [questionModeStats, setQuestionModeStats] = useState<{questionsAsked: number, finalGuesses: number}>({questionsAsked: 0, finalGuesses: 0});
const maxRange = range[0];
@ -296,6 +299,7 @@ const GuessingGame: React.FC<GuessingGameProps> = ({ showSocialShare = true }) =
setQuestionsAsked([]);
setUserScore(0);
setCurrentSearchIndex(0);
setQuestionModeStats({questionsAsked: 0, finalGuesses: 0});
};
const getStrategyDescription = (strategy: ComputerStrategy) => {
@ -482,7 +486,10 @@ const GuessingGame: React.FC<GuessingGameProps> = ({ showSocialShare = true }) =
setUserGuess={setUserGuess}
onGuess={handleGuess}
onUpdateValidNumbers={setValidNumbers}
onWin={() => setGameState('won')}
onWin={(questionsAsked, finalGuesses) => {
setQuestionModeStats({questionsAsked, finalGuesses});
setGameState('won');
}}
/>
)}
@ -553,11 +560,21 @@ const GuessingGame: React.FC<GuessingGameProps> = ({ showSocialShare = true }) =
<div className="space-y-2">
<CheckCircle className="w-16 h-16 text-success mx-auto" />
<h3 className="text-2xl font-bold text-success">Game Complete!</h3>
{gameMode === 'user-guesses' ? (
{gameMode === 'user-guesses' && userGuessingMode === 'standard' ? (
<p className="text-lg">
You found the number <span className="font-bold">{secretNumber}</span> in{' '}
<span className="font-bold">{guesses.length}</span> guesses!
</p>
) : gameMode === 'user-guesses' && userGuessingMode === 'questions' ? (
<div className="space-y-2">
<p className="text-lg">
You found the number with <span className="font-bold">{questionModeStats.questionsAsked}</span> questions and{' '}
<span className="font-bold">{questionModeStats.finalGuesses}</span> final guesses!
</p>
<p className="text-sm text-muted-foreground">
Total interactions: <span className="font-bold">{questionModeStats.questionsAsked + questionModeStats.finalGuesses}</span>
</p>
</div>
) : (
<div className="space-y-2">
<p className="text-lg">