簡單記帳小專案（高三多元選修：網頁設計與實作）

這是在高三多元選修課「網頁設計與實作」製作的簡單記帳網頁小專案。

線上預覽

GitHub Pages：https://lzspriv.github.io/Accounting/

Google Sheets：https://docs.google.com/spreadsheets/d/1Z9sOv3bDxNg8tcGD99XLD7fTEKDMEtv9jmqcR_pdDHQ/edit?usp=sharing

作品內容

• 左右雙欄版面：左側輸入記帳資料、右側查看紀錄與報表
• 可新增日期、類別、金額、備註，並送出到 Google Apps Script 串接的 Google Sheets
• 支援「月份篩選」，可快速查看指定月份的支出紀錄
• 自動計算並顯示目前篩選條件下的「總支出」
• 提供「支出紀錄 / 支出報表」切換，報表使用 Chart.js 呈現分類圓餅圖
• 預設日期使用台北時區邏輯，凌晨時段可自動調整為前一天

使用技術

• HTML5
• CSS3
• JavaScript（Vanilla JS）
• Chart.js
• Google Apps Script Web App API

備註

本專案透過教師模板及 LLM 協助完成。