好的,我會為您製作一個符合要求的分科成績計算器網頁。這個網頁將允許用戶輸入各科目的成績和倍率,並計算總分。讓我們開始設計這個網頁。
現在,讓我們開始實現這個計算器:
這個分科成績計算器網頁包含以下特點:
- 標題為「分科成績計算器」。
- 頁面上方有說明文字:「若需以學測成績計算,請先自行將學測15級分轉換成分科60級分」。
- 包含了所有指定的科目:國文、英文、數學A、數學B、數學甲、數學乙、社會、歷史、地理、公民、自然、物理、化學、生物。
- 每個科目都有兩個輸入欄位:一個用於成績(1-60),另一個用於倍率(以0.5為單位)。
- 成績輸入被限制在1到60之間。
- 倍率以0.5為單位,初始值為0。
- 頁面底部有一個「計算總分」按鈕。
- 計算結果會顯示在按鈕下方。
- 使用了shadcn/ui組件來美化界面。
- 設計是響應式的,在手機和桌面設備上都能良好顯示。
要使用這個計算器,用戶需要:
- 為每個科目輸入成績(1-60)。
- 為每個科目設置倍率(0.5的倍數)。
- 點擊「計算總分」按鈕。
計算器會自動計算總分(各科成績 × 各科倍率的總和)並顯示結果。
這個設計簡潔明了,易於使用,並且完全符合您的要求。用戶可以輕鬆輸入他們的分數和倍率,然後快速得到計算結果。