[V0_FILE]typescriptreact:file="score-calculator.tsx" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" const subjects = [ "國文", "英文", "數學A", "數學B", "數學甲", "數學乙", "社會", "歷史", "地理", "公民", "自然", "物理", "化學", "生物", ] export default function ScoreCalculator() { const [scores, setScores] = useState<{ [key: string]: number }>( Object.fromEntries(subjects.map((subject) => [subject, 0])), ) const [multipliers, setMultipliers] = useState<{ [key: string]: number }>( Object.fromEntries(subjects.map((subject) => [subject, 0])), ) const [result, setResult] = useState(null) const handleScoreChange = (subject: string, value: string) => { const score = Math.max(1, Math.min(60, Number(value) || 0)) setScores((prev) => ({ ...prev, [subject]: score })) } const handleMultiplierChange = (subject: string, value: string) => { const multiplier = Math.max(0, Math.round(Number(value) * 2) / 2) setMultipliers((prev) => ({ ...prev, [subject]: multiplier })) } const calculateTotal = () => { const total = subjects.reduce((sum, subject) => { return sum + scores[subject] * multipliers[subject] }, 0) setResult(total) } return (

分科成績計算器

若需以學測成績計算，請先自行將學測15級分轉換成分科60級分

{subjects.map((subject) => (

{subject}

handleScoreChange(subject, e.target.value)} placeholder="成績 (1-60)" /> handleMultiplierChange(subject, e.target.value)} placeholder="倍率" />

))}

{result !== null && (

總分: {result.toFixed(2)}

)}

) }

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This