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

Extend number line and n option

Browse source 
Extend the number line in `src/components/PebblePlacementGame.tsx` to 100 and add an option for n=6.
This commit is contained in:
gpt-engineer-app[bot] 2025-08-21 10:54:24 +00:00
parent fc28970659
commit 822890a461
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/PebblePlacementGame.tsx
View file

@ -127,7 +127,7 @@ const PebblePlacementGame: React.FC<PebblePlacementGameProps> = ({ showSocialSha
value={[numPebbles]} value={[numPebbles]}
onValueChange={(value) => setNumPebbles(value[0])} onValueChange={(value) => setNumPebbles(value[0])}
min={2} min={2}
max={5} max={6}
step={1} step={1}
className="w-full max-w-xs" className="w-full max-w-xs"
disabled={gameStarted} disabled={gameStarted}
@ -172,11 +172,11 @@ const PebblePlacementGame: React.FC<PebblePlacementGameProps> = ({ showSocialSha
{/* Game Board */} {/* Game Board */}
{gameStarted && ( {gameStarted && (
<div className="space-y-4"> <div className="space-y-4">
<h3 className="text-lg font-semibold">Positions 1-35</h3> <h3 className="text-lg font-semibold">Positions 1-100</h3>
{/* All positions in a flowing line */} {/* All positions in a flowing line */}
<div className="flex flex-wrap gap-2"> <div className="flex flex-wrap gap-2">
{Array.from({ length: 35 }, (_, i) => { {Array.from({ length: 100 }, (_, i) => {
const position = i + 1; const position = i + 1;
return ( return (