"use client" import { useState } from 'react' import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Calendar } from "@/components/ui/calendar" export default function Component() { const [display, setDisplay] = useState('0') const [memory, setMemory] = useState(0) const [convertFrom, setConvertFrom] = useState('USD') const [convertTo, setConvertTo] = useState('EUR') const [convertValue, setConvertValue] = useState('0') const [convertResult, setConvertResult] = useState('0') const [areaUnit, setAreaUnit] = useState('m²') const [areaLength, setAreaLength] = useState('0') const [areaWidth, setAreaWidth] = useState('0') const [areaResult, setAreaResult] = useState('0') const [loanAmount, setLoanAmount] = useState('0') const [loanRate, setLoanRate] = useState('0') const [loanTerm, setLoanTerm] = useState('0') const [loanResult, setLoanResult] = useState('0') const [dateFrom, setDateFrom] = useState(new Date()) const [dateTo, setDateTo] = useState(new Date()) const [dateDiff, setDateDiff] = useState('0') const [originalPrice, setOriginalPrice] = useState('0') const [discountPercent, setDiscountPercent] = useState('0') const [discountResult, setDiscountResult] = useState('0') const handleInput = (value) => { setDisplay(prev => prev === '0' ? value : prev + value) } const handleClear = () => { setDisplay('0') } const handleCalculate = () => { try { const result = eval(display.replace(/x/g, '*')) setDisplay(result.toString()) } catch (error) { setDisplay('Error') } } const handleMemoryOperation = (operation) => { switch (operation) { case 'M+': setMemory(memory + parseFloat(display)) break case 'M-': setMemory(memory - parseFloat(display)) break case 'MR': setDisplay(memory.toString()) break case 'MC': setMemory(0) break } } const handleScientificOperation = (operation) => { switch (operation) { case 'sin': case 'cos': case 'tan': setDisplay(`Math.${operation}(${display})`) break case 'log': setDisplay(`Math.log10(${display})`) break case 'ln': setDisplay(`Math.log(${display})`) break case 'sqrt': setDisplay(`Math.sqrt(${display})`) break case 'x^2': setDisplay(`Math.pow(${display}, 2)`) break case 'x^y': setDisplay(`${display}**`) break } } const handleCurrencyConvert = () => { // In a real app, you would use an API to get current exchange rates const rates = { USD: { EUR: 0.85, GBP: 0.74, JPY: 110.14 }, EUR: { USD: 1.18, GBP: 0.87, JPY: 129.55 }, GBP: { USD: 1.36, EUR: 1.15, JPY: 149.13 }, JPY: { USD: 0.0091, EUR: 0.0077, GBP: 0.0067 } } const result = parseFloat(convertValue) * rates[convertFrom][convertTo] setConvertResult(result.toFixed(2)) } const handleAreaCalculate = () => { const length = parseFloat(areaLength) const width = parseFloat(areaWidth) let result = length * width if (areaUnit === 'cm²') result /= 10000 if (areaUnit === 'km²') result *= 1000000 setAreaResult(result.toFixed(2)) } const handleLoanCalculate = () => { const amount = parseFloat(loanAmount) const rate = parseFloat(loanRate) / 100 / 12 const term = parseFloat(loanTerm) * 12 const result = (amount * rate * Math.pow(1 + rate, term)) / (Math.pow(1 + rate, term) - 1) setLoanResult(result.toFixed(2)) } const handleDateCalculate = () => { const diffTime = Math.abs(dateTo.getTime() - dateFrom.getTime()) const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)) setDateDiff(diffDays.toString()) } const handleDiscountCalculate = () => { const original = parseFloat(originalPrice) const discount = parseFloat(discountPercent) const discountAmount = original * (discount / 100) const finalPrice = original - discountAmount setDiscountResult(finalPrice.toFixed(2)) } const basicButtons = [ 'C', '(', ')', '/', '7', '8', '9', 'x', '4', '5', '6', '-', '1', '2', '3', '+', '0', '.', '=', ] const scientificButtons = [ 'sin', 'cos', 'tan', 'log', 'ln', 'sqrt', 'x^2', 'x^y', ] const memoryButtons = ['MC', 'MR', 'M+', 'M-'] return (

Basic Scientific Advanced

{display}

{memoryButtons.map(btn => ( ))}

{basicButtons.map(btn => ( ))}

{display}

{scientificButtons.map(btn => ( ))}

{basicButtons.map(btn => ( ))}

Currency Area Finance Date Discount

From

Amount setConvertValue(e.target.value)} />

{convertResult}

Unit

Length setAreaLength(e.target.value)} />

Width setAreaWidth(e.target.value)} />

{areaResult} {areaUnit}

Loan Amount setLoanAmount(e.target.value)} />

Interest Rate (%) setLoanRate(e.target.value)} />

Loan Term (Years) setLoanTerm(e.target.value)} />

${loanResult}/month

From Date

To Date

{dateDiff} days

Original Price setOriginalPrice(e.target.value)} />

Discount Percentage setDiscountPercent(e.target.value)} />

${discountResult}

) }

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This