[V0_FILE]typescriptreact:file="calculator.tsx" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" export default function Calculator() { const [display, setDisplay] = useState("0") const [firstOperand, setFirstOperand] = useState(null) const [operation, setOperation] = useState(null) const [waitingForSecondOperand, setWaitingForSecondOperand] = useState(false) const inputDigit = (digit: string) => { if (waitingForSecondOperand) { setDisplay(digit) setWaitingForSecondOperand(false) } else { setDisplay(display === "0" ? digit : display + digit) } } const inputDecimal = () => { if (waitingForSecondOperand) { setDisplay("0.") setWaitingForSecondOperand(false) return } if (!display.includes(".")) { setDisplay(display + ".") } } const clearDisplay = () => { setDisplay("0") setFirstOperand(null) setOperation(null) setWaitingForSecondOperand(false) } const performOperation = (nextOperator: string) => { const inputValue = Number.parseFloat(display) if (firstOperand === null) { setFirstOperand(inputValue) } else if (operation) { const result = calculate(firstOperand, inputValue, operation) setDisplay(String(result)) setFirstOperand(result) } setWaitingForSecondOperand(true) setOperation(nextOperator) } const calculate = (firstOperand: number, secondOperand: number, operation: string) => { switch (operation) { case "+": return firstOperand + secondOperand case "-": return firstOperand - secondOperand case "÷": if (secondOperand === 0) { return "Error" } return firstOperand / secondOperand default: return secondOperand } } const handleEquals = () => { if (!operation || firstOperand === null) return const inputValue = Number.parseFloat(display) const result = calculate(firstOperand, inputValue, operation) setDisplay(String(result)) setFirstOperand(null) setOperation(null) setWaitingForSecondOperand(false) } return ( Calculator

{display}

) }

About

About