[V0_FILE]typescriptreact:file="calculator.tsx" isEdit="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Percent, SquareIcon as SquareRoot, MinusIcon as PlusMinusIcon } from "lucide-react" export default function Calculator() { const [display, setDisplay] = useState("0") const [currentOperation, setCurrentOperation] = useState("") const [previousValue, setPreviousValue] = useState("") const [isNewInput, setIsNewInput] = useState(true) const handleNumberClick = (number: string) => { if (isNewInput || display === "0") { setDisplay(number) setIsNewInput(false) } else { setDisplay(display + number) } } const handleOperationClick = (operation: string) => { setCurrentOperation(operation) setPreviousValue(display) setIsNewInput(true) } const handleEqualsClick = () => { const current = Number.parseFloat(display) const previous = Number.parseFloat(previousValue) let result = 0 switch (currentOperation) { case "+": result = previous + current break case "-": result = previous - current break case "*": result = previous * current break case "/": result = previous / current break default: return } setDisplay(result.toString()) setCurrentOperation("") setPreviousValue("") setIsNewInput(true) } const handleClearClick = () => { setDisplay("0") setCurrentOperation("") setPreviousValue("") setIsNewInput(true) } const handlePercentage = () => { const value = Number.parseFloat(display) setDisplay((value / 100).toString()) } const handleSquareRoot = () => { const value = Number.parseFloat(display) setDisplay(Math.sqrt(value).toString()) } const handleChangeSign = () => { setDisplay((Number.parseFloat(display) * -1).toString()) } return ( Dawood Khan Advanced Calculator

{[7, 8, 9, "*", 4, 5, 6, "-", 1, 2, 3, "+"].map((item) => ( ))}

) }

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This