Untitled
unknown
plain_text
a month ago
1.2 kB
3
Indexable
import { useState } from "react"; import { Button } from "@/components/ui/button"; import { Card, CardContent } from "@/components/ui/card"; export default function InfiniteMoneyGame() { const [money, setMoney] = useState(Infinity); const [items, setItems] = useState([]); const buyItem = (item) => { setItems([...items, item]); }; return ( <div className="p-6 text-center"> <h1 className="text-3xl font-bold">💰 Infinite Money Game 💰</h1> <p className="text-xl mt-2">Money: ∞</p> <div className="mt-4 grid grid-cols-3 gap-4"> {["Mansion", "Private Jet", "Luxury Car", "Island", "Rocket Ship"].map( (item, index) => ( <Card key={index} className="p-4 cursor-pointer" onClick={() => buyItem(item)}> <CardContent className="text-lg font-semibold">Buy {item}</CardContent> </Card> ) )} </div> <h2 className="text-2xl font-bold mt-6">Your Purchases:</h2> <ul className="text-lg"> {items.length > 0 ? items.map((item, index) => <li key={index}>{item}</li>) : <p>Buy something!</p>} </ul> </div> ); }
Editor is loading...
Leave a Comment